import { ButtonHTMLAttributes } from 'react';
import { CSSObject } from 'styled-components';
import { CSSProperties } from 'react';
import { default as default_2 } from 'react';
import { DefaultTheme } from 'styled-components';
import { DetailedHTMLProps } from 'react';
import { FC } from 'react';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { PropsWithChildren } from 'react';
import { RuleSet } from 'styled-components';
import { Substitute } from 'styled-components/dist/types';

declare type AddDollarSign<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

declare interface addErrorProps {
    error?: ErrorMessageProps;
}

declare type addErrorStylesProps = AddDollarSign<addErrorProps>;

declare type addFontProps = {
    font?: FontSizeStylesProps;
};

declare type addIconProps = {
    [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
        type: T;
        name: DefaultTheme['icon']['map'][T][number];
        isHidden?: boolean;
        size?: IconItemProps['size'];
    };
}[keyof DefaultTheme['icon']['map']];

declare type addOutlineProps = {
    isReadOnly?: boolean;
    isDisabledOutline?: boolean;
    isOutlineBoxShadow?: boolean;
};

declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;

declare interface addSXProps {
    sx?: SXProps;
}

declare type addSXStyleProps = AddDollarSign<addSXProps>;

declare type addSXTypographyProps = {
    sxTypography?: TypographySXProps;
};

declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;

export declare const Checkbox: FC<CheckboxProps>;

/****************************************** Genre *************************************************/
export declare const CheckboxGenre: RuleSet<StyledCheckboxProps>;

export declare type CheckboxProps = PropsWithChildren & {
    checked?: boolean;
    genre: TCheckboxGenre;
    view: {
        true: addIconProps;
        false: addIconProps;
    };
    isDisabled?: boolean;
    isOnlyLoading?: boolean;
    isLoading?: boolean;
    isHiddenBorder?: boolean;
    isNotBackground?: boolean;
    onChange?: (checked: boolean) => void;
    isWidthAsHeight?: boolean;
    size: IThemeSize;
} & addSXProps & addErrorProps & addSXTypographyProps & addOutlineProps & addFontProps;

/****************************************** Size *************************************************/
export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;

export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault & {
    isWidthAsHeight?: boolean;
}) => RuleSet<object>;

/****************************************** Default *************************************************/
export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;

declare type ErrorMessageProps = {
    errorMessage?: string;
    isError?: boolean;
    isErrorAbsolute?: boolean;
    size?: IThemeSize;
    sx?: addSXProps['sx'];
} & addFontProps;

declare type FontSizeStylesProps = {
    size?: TypographyDataProps['size'];
    weight?: TypographyDataProps['weight'];
    family?: TypographyDataProps['family'];
    height?: TypographyDataProps['height'];
};

declare type IconItemProps = {
    [K in keyof DefaultTheme['icon']['map']]: {
        type: K;
        name: DefaultTheme['icon']['map'][K][number];
        className?: string;
        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
        size: IThemeSize | '100%';
        color?: IThemePaletteKeys;
        turn?: number;
        order?: number;
        tabIndex?: number;
    } & addSXProps;
}[keyof DefaultTheme['icon']['map']];

declare type IThemeDevice = 'default' | 'tablet' | 'mobile';

declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';

declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;

declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';

declare interface IThemeGenreTypeDefault {
    background: {
        rest: string;
        hover: string;
    };
    border: {
        rest: string;
        hover: string;
    };
    color: {
        rest: string;
        hover: string;
        placeholder: string;
    };
}

declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';

declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';

declare interface IThemeSizePropertyDefault {
    font: number;
    height: number;
    heightIcon: number;
    padding: number;
    radius: number;
}

declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';

declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;

export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder' | 'font'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps & addOutlinePropsDollar;

export declare type StyledIconProps = AddDollarSign<Pick<CheckboxProps, 'genre' | 'checked'>>;

declare type SXProps = ({
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
}) | ((theme: DefaultTheme) => {
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
});

export declare type TCheckboxGenre = keyof IThemeGenre;

declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;

declare type TypographyDataProps = TypographyDefaultProps & {
    size?: number;
};

declare type TypographyDefaultProps = {
    align?: CSSProperties['textAlign'];
    color?: IThemePaletteKeys;
    cursor?: CSSProperties['cursor'];
    decoration?: CSSProperties['textDecoration'];
    family?: IThemeFontFamily;
    flex?: string;
    height?: number | string;
    isHoverUnderlining?: boolean;
    letterSpacing?: CSSProperties['letterSpacing'];
    line?: number;
    overflow?: CSSProperties['overflow'];
    shadow?: 'shadowPulse';
    transform?: CSSProperties['textTransform'];
    weight?: IThemeTypographyWeight;
    wrap?: CSSProperties['textWrap'];
    isNoUserSelect?: boolean;
};

declare type TypographySXProps = {
    default: TypographyAllProps;
} & {
    [K in IThemeDevice]?: TypographyAllProps;
};

declare type TypographyVariantProps = TypographyDefaultProps & {
    variant: IThemeTypographyHeading;
};

export { }