hamid zarghami
39 lines
929 B
TypeScript
39 lines
929 B
TypeScript
import { type FC } from 'react'
|
|
import Error from './Error'
|
|
import { clx } from '../helpers/utils'
|
|
|
|
type Props = {
|
|
label?: string,
|
|
error_text?: string
|
|
} & React.TextareaHTMLAttributes<HTMLTextAreaElement>
|
|
|
|
const Textarea: FC<Props> = (props: Props) => {
|
|
return (
|
|
<div className='w-full relative'>
|
|
{
|
|
props.label &&
|
|
<div className='text-sm' >
|
|
{props.label}
|
|
</div>
|
|
}
|
|
|
|
<textarea
|
|
{...props}
|
|
className={clx(
|
|
'border border-border leading-7 w-full rounded-xl px-4 py-3 min-h-[100px] mt-1 text-xs',
|
|
props.className
|
|
)}
|
|
>
|
|
|
|
</textarea>
|
|
|
|
{
|
|
props.error_text &&
|
|
<Error errorText={props.error_text} />
|
|
}
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Textarea |