/// <reference types="react" />
import { Story } from "@storybook/react";
import { ButtonStoriesProps } from "./utils/buttonStories";
export declare const Default: Story<ButtonStoriesProps>;
declare const _default: {
    title: string;
    component: import("react").FC<import("../components/Button").ButtonProps>;
    argTypes: {
        variant: {
            name: string;
            defaultValue: string;
            options: string[];
            control: {
                type: string;
            };
        };
        color: {
            name: string;
            description: string;
            defaultValue: "primary";
            options: readonly ["primary", "primaryAlt", "secondary", "inverse", "info", "positive", "negative", "disabled"];
            control: {
                type: string;
            };
        };
        size: {
            name: string;
            defaultValue: string;
            options: string[];
            control: {
                type: string;
            };
        };
        fullWidth: {
            name: string;
            defaultValue: boolean;
            control: {
                type: string;
            };
        };
        href: {
            name: string;
            defaultValue: string;
            control: {
                type: string;
            };
        };
        children: {
            name: string;
            defaultValue: string;
            control: {
                type: string;
            };
        };
        align: {
            name: string;
            description: string;
            defaultValue: string;
            options: string[];
            control: {
                type: string;
            };
        };
        startIcon: {
            table: {
                disable: boolean;
            };
        };
        startIconKey: {
            defaultValue: undefined;
            table: {
                category: string;
            };
            name: string;
            description: string;
            options: readonly ["arrowRight", "arrowLeft", "attention", "check", "checkCircle", "chevronLeft", "chevronRight", "closeCircle", "dollarSign", "globe", "infoCircle", "errorCircle", "link", "triangleRight", "triangleLeft", "triangleUp", "triangleDown", "copy", "close", "search", "range", "instagram", "linkedIn", "medium", "reddit", "telegram", "twitter", "youTube", "eth", "fail", "plus", "minus", "helpCircle", "document", "documentText", "lock", "delete", "users", "stakefish", "sound", "beacon", "sent", "download", "faster", "slower", "usb", "key", "edit", "expand", "collapse", "success", "successCircle", "desktop", "mobile", "loading", "upload", "chrome", "cloudConnect", "sort", "update", "menu", "settings"];
            control: {
                type: string;
            };
        };
        startIconColor: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: string;
            options: string[];
            control: {
                type: string;
            };
        };
        startIconRotate: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: number;
            control: {
                type: string;
            };
        };
        startIconSize: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: "sm";
            options: readonly ["xs2", "xs1", "sm", "md", "lg", "xl1", "xl2", "xl3"];
            control: {
                type: string;
            };
        };
        endIcon: {
            table: {
                disable: boolean;
            };
        };
        endIconKey: {
            defaultValue: undefined;
            table: {
                category: string;
            };
            name: string;
            description: string;
            options: readonly ["arrowRight", "arrowLeft", "attention", "check", "checkCircle", "chevronLeft", "chevronRight", "closeCircle", "dollarSign", "globe", "infoCircle", "errorCircle", "link", "triangleRight", "triangleLeft", "triangleUp", "triangleDown", "copy", "close", "search", "range", "instagram", "linkedIn", "medium", "reddit", "telegram", "twitter", "youTube", "eth", "fail", "plus", "minus", "helpCircle", "document", "documentText", "lock", "delete", "users", "stakefish", "sound", "beacon", "sent", "download", "faster", "slower", "usb", "key", "edit", "expand", "collapse", "success", "successCircle", "desktop", "mobile", "loading", "upload", "chrome", "cloudConnect", "sort", "update", "menu", "settings"];
            control: {
                type: string;
            };
        };
        endIconColor: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: string;
            options: string[];
            control: {
                type: string;
            };
        };
        endIconRotate: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: number;
            control: {
                type: string;
            };
        };
        endIconSize: {
            table: {
                category: string;
            };
            name: string;
            defaultValue: "sm";
            options: readonly ["xs2", "xs1", "sm", "md", "lg", "xl1", "xl2", "xl3"];
            control: {
                type: string;
            };
        };
        disabled: {
            name: string;
            defaultValue: boolean;
            control: {
                type: string;
            };
        };
        TouchRippleProps: {
            table: {
                disable: boolean;
            };
        };
        onFocusVisible: {
            table: {
                disable: boolean;
            };
        };
        focusVisibleClassName: {
            table: {
                disable: boolean;
            };
        };
        focusRipple: {
            table: {
                disable: boolean;
            };
        };
        disableTouchRipple: {
            table: {
                disable: boolean;
            };
        };
        centerRipple: {
            table: {
                disable: boolean;
            };
        };
        action: {
            table: {
                disable: boolean;
            };
        };
        disableFocusRipple: {
            table: {
                disable: boolean;
            };
        };
        disableElevation: {
            table: {
                disable: boolean;
            };
        };
        disableRipple: {
            table: {
                disable: boolean;
            };
        };
        ref: {
            table: {
                disable: boolean;
            };
        };
        tabIndex: {
            table: {
                disable: boolean;
            };
        };
        onlyIcon: {
            table: {
                disable: boolean;
            };
        };
        sx: {
            table: {
                disable: boolean;
            };
        };
        classes: {
            table: {
                disable: boolean;
            };
        };
        LinkComponent: {
            table: {
                disable: boolean;
            };
        };
    };
};
export default _default;
