import { StoryObj } from '@storybook/react-vite';
import { ButtonColorTypes, ButtonVariantTypes } from '../../../types/button-types';
declare const meta: {
    title: string;
    component: import('react').ForwardRefExoticComponent<Omit<import('./Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
    parameters: {
        layout: string;
        docs: {
            description: {
                component: string;
            };
        };
    };
    tags: string[];
    argTypes: {
        variant: {
            control: "select";
            options: ButtonVariantTypes[];
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        color: {
            control: "select";
            options: ButtonColorTypes[];
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        size: {
            control: "select";
            options: string[];
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        rounded: {
            control: "select";
            options: string[];
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        labelPosition: {
            control: "select";
            options: string[];
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        disabled: {
            control: "boolean";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        isLoading: {
            control: "boolean";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        isSkeleton: {
            control: "boolean";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        fullWidth: {
            control: "boolean";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        children: {
            control: "text";
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        startIcon: {
            control: false;
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        endIcon: {
            control: false;
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        href: {
            control: "text";
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
    args: {
        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
        children: string;
        variant: string;
        color: string;
        size: string;
        rounded: string;
        labelPosition: string;
        isLoading: boolean;
        disabled: boolean;
        fullWidth: boolean;
        isSkeleton: boolean;
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Playground: Story;
export declare const Variants: Story;
export declare const Sizes: Story;
export declare const Rounded: Story;
export declare const WithIcons: Story;
export declare const States: Story;
export declare const FullWidth: Story;
export declare const AsLink: Story;