31 lines
765 B
TypeScript
31 lines
765 B
TypeScript
|
import classNames from 'classnames';
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
interface ITextarea {
|
||
|
|
autoFocus?: boolean,
|
||
|
|
defaultValue?: string,
|
||
|
|
name?: string,
|
||
|
|
isCodeEditor?: boolean,
|
||
|
|
placeholder?: string,
|
||
|
|
value?: string,
|
||
|
|
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void
|
||
|
|
}
|
||
|
|
|
||
|
|
const Textarea = React.forwardRef(
|
||
|
|
({ isCodeEditor = false, ...props }: ITextarea, ref: React.ForwardedRef<HTMLTextAreaElement>) => {
|
||
|
|
return (
|
||
|
|
<textarea
|
||
|
|
{...props}
|
||
|
|
ref={ref}
|
||
|
|
className={classNames({
|
||
|
|
'shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md':
|
||
|
|
true,
|
||
|
|
'font-mono': isCodeEditor,
|
||
|
|
})}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
|
||
|
|
export default Textarea;
|