import { InputHTMLAttributes, ReactNode } from "react";

type InfoIconProps = {
  onClick?: () => void;
  dataTestId?: string;
  iconSize?: number;
};

export type CheckboxProps = {
  checked?: boolean;
  onChange?: ((isChecked: boolean) => void) | (() => void);
  state?: "default" | "focus" | "disabled";
  className?: string;
  containerClassName?: string;
  label?: string | ReactNode;
  labelClassName?: string;
  name?: string;
  value?: string | number | boolean;
  id?: string;
  disabled?: boolean;
  required?: boolean;
  error?: boolean;
  "data-cy"?: string;
  renderInfoIcon?: InfoIconProps;
} & Omit<
  InputHTMLAttributes<HTMLInputElement>,
  "type" | "checked" | "onChange"
>;