### Summary

`<FormCheckboxField>` is just a thin wrapper around the [`<CheckboxField>`](#/Components/Molecules/CheckboxField) component.
It is meant to be used **ONLY** inside `<Formik>` and formik's `<Form />` along with other [Form](#/Organisms/Form) components.
Thanks to the form data passed down through context, `<FormCheckboxField>` already handles valid/invalid state, onChange, and onBlur callback.

### Example

```tsx
import { Formik, Form } from 'formik';
import { FormCheckboxField, FormButton } from '@zopauk/react-components';

const validate = (values) => {
  let errors = {};
  if (!values.policy) {
    errors.policy = 'You need to accept the policy';
  }
  return errors;
};

<Formik
  validateOnMount
  initialValues={{ policy: false }}
  validate={validate}
  onSubmit={(values) => alert(JSON.stringify(values))}
>
  <Form>
    <div className="mb-4">
      <FormCheckboxField label="I accept the policy" name="policy" />
    </div>
    <FormButton>Submit</FormButton>
  </Form>
</Formik>;
```