import { BaseObject } from 'styled-components/dist/types';
import { Component } from 'react';
import { CSSObject } from 'styled-components';
import { default as default_2 } from 'react';
import { DefaultTheme } from 'styled-components';
import { DragEvent as DragEvent_2 } from 'react';
import { DragEventHandler } from 'react';
import { FC } from 'react';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { JSX } from 'react/jsx-runtime';
import { PropsWithChildren } from 'react';
import { Ref } from 'react';
import { Substitute } from 'styled-components/dist/types';
import { SVGProps } from 'react';

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

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

export 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']];

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

declare interface addSXProps {
    sx?: SXProps;
}

declare type addSXStyleProps = AddDollarSign<addSXProps>;

export declare function getIconComponents(props: getIconComponentsProps): JSX.Element[];

export declare type getIconComponentsProps = {
    size: IThemeSize;
    icons?: addIconProps[];
};

export declare const Icon: (props: IconItemProps) => JSX.Element;

export 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 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 type SkeletonDefaultProps = {
    className?: string;
    defaultVisible?: boolean;
    type?: 'primary' | 'secondary';
    color?: IThemePaletteKeys;
    isInheritColor?: boolean;
};

declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
    visible: boolean;
}

declare type SkeletonProps = StackProps & (SkeletonIsShowProps | SkeletonTimeProps);

declare interface SkeletonTimeProps extends SkeletonDefaultProps {
    time: number;
}

declare interface StackProps extends addSXProps, PropsWithChildren {
    className?: string;
    isHover?: boolean;
    isRipple?: boolean;
    onClick?: () => void;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
    ref?: Ref<HTMLDivElement | null>;
}

export declare const StyledIcon: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconItemProps>> & string;

export declare type StyledIconItemProps = AddDollarSign<Pick<IconItemProps, 'size' | 'turn' | 'order'> & {
    color?: IThemePaletteKeys;
}> & addSXStyleProps;

export declare const StyledIconSkeleton: IStyledComponentBase<"web", Substitute<SkeletonProps & BaseObject, AddDollarSign_2<Pick<IconItemProps, "size" | "order">>>> & string & Omit<FC<SkeletonProps>, keyof Component<any, {}, any>>;

export declare type StyledIconSkeletonProps = AddDollarSign<Pick<IconItemProps, 'size' | 'order'>>;

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

export declare function useInjectSprites(urls: string[]): void;

export declare function useLazyInjectSprite(url: string): {
    loaded: boolean;
    error: Error | null;
};

export { }