14 lines
713 B
TypeScript
14 lines
713 B
TypeScript
import { forwardRef } from 'react';
|
|
import type { TextareaHTMLAttributes } from 'react';
|
|
|
|
type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
|
|
const textareaClass =
|
|
'min-h-24 w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 outline-none transition placeholder:text-slate-400 focus:border-slate-900 focus:ring-2 focus:ring-slate-200 disabled:cursor-not-allowed disabled:bg-slate-100 disabled:text-slate-500';
|
|
|
|
export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(({ className = '', ...props }, ref) => (
|
|
<textarea ref={ref} className={[textareaClass, className].filter(Boolean).join(' ')} {...props} />
|
|
));
|
|
|
|
Textarea.displayName = 'Textarea';
|