import { type DefaultTheme } from "../styles";
export declare type VariantColorSelectionCombo = "filledDefaultSelected" | "filledPrimarySelected" | "filledSecondarySelected" | "outlinedDefaultSelected" | "outlinedPrimarySelected" | "outlinedSecondarySelected";
export declare type VariantUnselectionCombo = "filledDefaultUnselected" | "filledPrimaryUnselected" | "filledSecondaryUnselected" | "outlinedDefaultUnselected" | "outlinedPrimaryUnselected" | "outlinedSecondaryUnselected";
export declare const createChipsVariantStyles: (theme: DefaultTheme) => {
    filledDefaultUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    filledDefaultSelected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    filledPrimaryUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    filledPrimarySelected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    filledSecondaryUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    filledSecondarySelected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    outlinedDefaultUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        border: {
            main: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    outlinedPrimaryUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        border: {
            main: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
    outlinedSecondaryUnselected: {
        background: {
            main: string;
            hover: string;
            active: string;
            disabled: string;
        };
        border: {
            main: string;
            disabled: string;
        };
        text: {
            main: string;
            disabled: string;
        };
    };
};
declare const useStyles: (data?: {
    theme?: (import("../styles").ThemeBase & {
        custom: unknown;
    }) | undefined;
} | undefined) => import("../typings").Classes<"large" | "medium" | "small" | "root" | "filled" | "icon" | "disabled" | "focusVisible" | "selected" | "filledDefaultSelected" | "filledPrimarySelected" | "filledSecondarySelected" | "outlinedDefaultSelected" | "outlinedPrimarySelected" | "outlinedSecondarySelected" | "filledDefaultUnselected" | "filledPrimaryUnselected" | "filledSecondaryUnselected" | "outlinedDefaultUnselected" | "outlinedPrimaryUnselected" | "outlinedSecondaryUnselected" | "rounded" | "outlined">;
export default useStyles;