30 lines
872 B
TypeScript
30 lines
872 B
TypeScript
import type { TextareaAutosizeProps } from "react-textarea-autosize"
|
|
import TextareaAutosize from "react-textarea-autosize"
|
|
|
|
export interface TextareaProps extends TextareaAutosizeProps {
|
|
label: string
|
|
}
|
|
|
|
export const Textarea: React.FC<TextareaProps> = (props) => {
|
|
const { label, id, ...rest } = props
|
|
|
|
return (
|
|
<div className="flex flex-col">
|
|
<div className="mb-2 mt-6 flex justify-between">
|
|
<label className="pl-1" htmlFor={id}>
|
|
{label}
|
|
</label>
|
|
</div>
|
|
<div className="relative mt-0">
|
|
<TextareaAutosize
|
|
className="w-full resize-none overflow-hidden rounded-lg bg-[#f1f1f1] p-3 font-paragraph text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none"
|
|
wrap="soft"
|
|
id={id}
|
|
name={id}
|
|
{...rest}
|
|
/>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|