import { ComponentProps, PropsWithChildren } from 'react';
import { BaseProps } from '../types.js';
import '@emotion/react';

type CheckboxProps = Pick<BaseProps, "sx"> & Omit<ComponentProps<"input">, "value" | "children" | "type"> & {
    isIndeterminate?: boolean;
    onChangeChecked?: ((value?: boolean) => void) | ((value: boolean) => void);
    value?: string;
};
type CheckboxIconProps = Pick<CheckboxProps, "isIndeterminate">;
type CheckboxLabelProps = {
    /**
     * @default "left"
     */
    iconPosition?: "left" | "right";
    /**
     * @deprecated Use `label` instead
     */
    text?: string;
    label?: string;
} & CheckboxProps & PropsWithChildren;
type CheckboxSetProps = PropsWithChildren<Pick<BaseProps, "sx">>;

export { CheckboxIconProps, CheckboxLabelProps, CheckboxProps, CheckboxSetProps };