import { IconButtonProps } from './IconButton';
import { Story } from '@storybook/react';
declare const _default: {
    title: string;
    component: {
        ({ icon, onClick, color, background, size, ariaLabel, ...other }: IconButtonProps): JSX.Element;
        defaultProps: {
            as: string;
            color: string;
            background: string;
            size: string;
        };
    };
    argTypes: {
        icon: {
            control: {
                type: string;
                options: readonly ["archive", "alert-circle-white", "alert-circle", "alert-no-outline", "alert-triangle", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "avatar-default", "award-ribbon-inactive", "award-ribbon", "award", "behance", "big-tick", "book-open", "book", "box", "bulb", "calendar", "check", "check-square", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "clipboard", "clock", "code-scanner", "codepen", "compass", "copy", "cross", "discord", "dollar-sign", "dribbble", "dropbox", "download", "edit", "external-link", "eye", "facebook", "file", "filter-not", "filter", "flag", "fund", "github", "gitlab", "globe", "google", "google-drive", "grid", "help-circle", "home", "inbox", "info", "instagram", "kaggle", "layout", "link", "linkedin", "list", "loader", "log-out", "mail", "map-pin", "map", "maximize", "medium", "menu", "message-square", "minimize", "minus", "minus-circle", "more-horizontal", "okay", "pencil", "phone", "pie-chart", "pill-tick", "plus-square", "plus", "progress-pie-inactive", "progress-pie", "refresh-cw", "search", "settings", "shop", "slack", "square", "stackoverflow", "star", "star-fill", "telegram", "thumbs-down", "thumbs-up", "team", "tick-no-border", "tick-open", "tick", "trash", "triangle-down", "twitter", "unlock", "upload-cloud", "upvote", "user", "users", "whatsapp", "x-circle", "x", "youtube", "zap", "devfolio", "devfolio-fill"];
            };
        };
        color: {
            control: {
                type: string;
                options: readonly ["grey-0", "grey-1", "grey-2", "grey-3", "grey-4", "grey-5", "grey-6", "grey-7", "grey-7.5", "grey-8", "blue-0", "blue-1", "blue-2", "blue-3", "blue-4", "blue-4.5", "blue-5", "blue-6", "blue-7", "blue-8", "yellow-0", "yellow-1", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "teal-0", "teal-1", "teal-2", "teal-3", "teal-4", "teal-5", "teal-6", "teal-7", "teal-8", "red-0", "red-1", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "white-0", "black-0", "gold-0"];
            };
        };
        background: {
            control: {
                type: string;
                options: readonly ["grey-0", "grey-1", "grey-2", "grey-3", "grey-4", "grey-5", "grey-6", "grey-7", "grey-7.5", "grey-8", "blue-0", "blue-1", "blue-2", "blue-3", "blue-4", "blue-4.5", "blue-5", "blue-6", "blue-7", "blue-8", "yellow-0", "yellow-1", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "teal-0", "teal-1", "teal-2", "teal-3", "teal-4", "teal-5", "teal-6", "teal-7", "teal-8", "red-0", "red-1", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "white-0", "black-0", "gold-0"];
            };
        };
        onClick: {
            action: string;
            table: {
                disable: boolean;
            };
        };
    };
};
export default _default;
export declare const Demo: Story<IconButtonProps>;