import { RtFormFieldTextarea } from '@dpa/react-form-field-textarea';
import { useRef, useState } from 'react';

export function TextareaPage() {
  const [value, setValue] = useState('');
  const inputRef = useRef(null);

  return (
    <div style={{ margin: '20px' }}>
      {value}
      <RtFormFieldTextarea
        label="Label"
        rows={3}
        modifier="mono"
        ui="ambulant-label"
        size="lg"
        placeholder="placeholder"
        use="neutral"
        inputRef={inputRef}
        details="details"
        value={value}
        resize="auto"
        onChange={(e) => setValue(e.value)}
        clearable="persistent"
      />
    </div>
  );
}