import { View } from 'react-native';
import { Controller, useFormContext } from 'react-hook-form';
import { CheckBox } from '../form/CheckBox';

type Props = React.ComponentProps<typeof CheckBox> & {
  name: string;
};

export function FormCheckBox({ name, ...restProps }: Props) {
  const form = useFormContext();

  return (
    <View>
      <Controller
        control={form.control}
        render={({ field: { onChange, value } }) => {
          return <CheckBox {...restProps} value={value} onValueChange={onChange} />;
        }}
        name={name}
      />
    </View>
  );
}