Banda-Media/lunchMemo

View on GitHub
app/components/common/forms/Generic.tsx

Summary

Maintainability
A
0 mins
Test Coverage
import { SelectGenericProps, InputGenericProps } from '@typing/props';

export const Input: React.FC<InputGenericProps> = ({ form: { register }, name, ...rest }) => (
  <input name={name} ref={register} {...rest} />
);

export const Select: React.FC<SelectGenericProps> = ({
  form: { register },
  options,
  name,
  ...rest
}) => (
  <select name={name} ref={register} {...rest}>
    {options.map(([value, label]) => (
      <option key={label} value={typeof value === 'object' ? JSON.stringify(value) : value}>
        {label}
      </option>
    ))}
  </select>
);