interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
  children: React.ReactNode;
}

export const Checkbox = ({ children, ...props }: CheckboxProps) => {
  return (
    <label className="nowrap">
      <input type="checkbox" {...props} />
      {children && <span className="truncate">{children}</span>}
    </label>
  );
};