Function TextField

apps/web/ui/TextField/index.tsx:23–61

({
  className,
  label,
  id,
  type,
  placeholder,
  value,
  defaultValue,
  required,
  disabled = false,
  readOnly = false,
  onChange,
  onBlur,
  onKeyDown,
  autoFocus,
  ...rest
}: Props)

}

export default function TextField({
  className,
  label,
  id,
  type,
  placeholder,
  value,
  defaultValue,
  required,
  disabled = false,
  readOnly = false,
  onChange,
  onBlur,
  onKeyDown,
  autoFocus,
  ...rest
}: Props) {
  return (
    <Field>
      {label && <Label htmlFor={id}>{label}</Label>}
      <TextInput
        className={className}
        id={id}
        type={type}
        placeholder={placeholder}
        value={value}
        defaultValue={defaultValue}
        required={required}
        disabled={disabled}
        readOnly={readOnly}
        onChange={onChange}
        onBlur={onBlur}
        onKeyDown={onKeyDown}
        autoFocus={autoFocus}
        {...rest}
      />
    </Field>
  );
}