import React, { ComponentProps, PropsWithChildren } from "react";
import { Checkbox as AntdCheckbox } from "antd";
import { StyledCheckbox } from "./Checkbox.styled";

export const Checkbox: React.FC<
  PropsWithChildren<ComponentProps<typeof AntdCheckbox>>
> = props => (
  <>
    <StyledCheckbox />
    <AntdCheckbox {...props}>{props.children}</AntdCheckbox>
  </>
);