import { ButtonType, ButtonSize } from ".";
import { Mode } from "../../utils/generics";
export interface StyledButtonProps {
    withIcon?: boolean;
    withSecondaryIcon?: boolean;
    buttonType?: ButtonType;
    buttonSize?: ButtonSize;
    mode?: Mode;
}
export declare const StyledButton: import("styled-components").StyledComponent<"button", {
    importFontFamily: string;
    useFontFamily: string;
    color: {
        primaryBlack: string;
        black1: string;
        black2: string;
        white1: string;
        white2: string;
        white3: string;
        white4: string;
        gray1: string;
        gray2: string;
        gray3: string;
        gray4: string;
        gray5: string;
        gray6: string;
        gray7: string;
        gray8: string;
        gray9: string;
        gray10: string;
        red1: string;
        red2: string;
        red3: string;
        red4: string;
        red5: string;
        orange1: string;
        orange2: string;
        orange3: string;
        orange5: string;
        yellow1: string;
        yellow2: string;
        yellow3: string;
        yellow4: string;
        yellow5: string;
        green1: string;
        green2: string;
        green3: string;
        green4: string;
        green5: string;
        green6: string;
        blue1: string;
        blue2: string;
        blue3: string;
        blue4: string;
        blue5: string;
        purple1: string;
        rainbowColors: string[];
    };
}, StyledButtonProps, never>;
export declare const ButtonChildrenWrapper: import("styled-components").StyledComponent<"div", {
    importFontFamily: string;
    useFontFamily: string;
    color: {
        primaryBlack: string;
        black1: string;
        black2: string;
        white1: string;
        white2: string;
        white3: string;
        white4: string;
        gray1: string;
        gray2: string;
        gray3: string;
        gray4: string;
        gray5: string;
        gray6: string;
        gray7: string;
        gray8: string;
        gray9: string;
        gray10: string;
        red1: string;
        red2: string;
        red3: string;
        red4: string;
        red5: string;
        orange1: string;
        orange2: string;
        orange3: string;
        orange5: string;
        yellow1: string;
        yellow2: string;
        yellow3: string;
        yellow4: string;
        yellow5: string;
        green1: string;
        green2: string;
        green3: string;
        green4: string;
        green5: string;
        green6: string;
        blue1: string;
        blue2: string;
        blue3: string;
        blue4: string;
        blue5: string;
        purple1: string;
        rainbowColors: string[];
    };
}, {
    buttonSize?: ButtonSize;
}, never>;
export declare const ItemWrapper: import("styled-components").StyledComponent<"div", {
    importFontFamily: string;
    useFontFamily: string;
    color: {
        primaryBlack: string;
        black1: string;
        black2: string;
        white1: string;
        white2: string;
        white3: string;
        white4: string;
        gray1: string;
        gray2: string;
        gray3: string;
        gray4: string;
        gray5: string;
        gray6: string;
        gray7: string;
        gray8: string;
        gray9: string;
        gray10: string;
        red1: string;
        red2: string;
        red3: string;
        red4: string;
        red5: string;
        orange1: string;
        orange2: string;
        orange3: string;
        orange5: string;
        yellow1: string;
        yellow2: string;
        yellow3: string;
        yellow4: string;
        yellow5: string;
        green1: string;
        green2: string;
        green3: string;
        green4: string;
        green5: string;
        green6: string;
        blue1: string;
        blue2: string;
        blue3: string;
        blue4: string;
        blue5: string;
        purple1: string;
        rainbowColors: string[];
    };
}, {}, never>;