message: Adjust checkbox component for form
diff: @@ -24,17 +24,8 @@ export interface Props {
  disabled?: boolean;
  }
  -export const Checkbox: React.FC<Props> = ({
  - className,
  - checkAlign = 'left',
  - name,
  - value,
  - indeterminate,
  - checked,
  - onChange,
  - text,
  - disabled,
  -}) => {
  +export const Checkbox = React.forwardRef<HTMLInputElement, Props>(
  + ({ className, checkAlign = 'left', name, value, indeterminate, checked, onChange, text, disabled }, ref) => {
  const onChangeHandler = ({ target }: React.ChangeEvent<HTMLInputElement>): void => {
  if (onChange !== undefined) {
  onChange(target.checked);
  @@ -50,6 +41,7 @@ export const Checkbox: React.FC<Props> = ({
  })}
  >
  <input
  + ref={ref}
  name={name}
  type="checkbox"
  className="ebs-checkbox__input"
  @@ -68,4 +60,5 @@ export const Checkbox: React.FC<Props> = ({
  {text && <div className="ebs-checkbox__text">{text}</div>}
  </div>
  );
  -};
  + },
  +);
  