import { ComponentStory } from '@storybook/react';
import React from 'react';
declare const Story: {
    title: string;
    component: ({ id, primary, maxContent, small, light, children, onClick, link, state, labelFor, disabled, defaultTheme, }: {
        id?: string | undefined;
        primary?: boolean | undefined;
        small?: boolean | undefined;
        light?: boolean | undefined;
        maxContent?: boolean | undefined;
        children: React.ReactNode;
        onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
        link?: string | undefined;
        state?: object | undefined;
        labelFor?: string | undefined;
        disabled?: boolean | undefined;
        defaultTheme?: boolean | undefined;
    }) => JSX.Element;
    argTypes: {
        children: {
            name: string;
            type: {
                name: string;
                required: boolean;
            };
            defaultValue: string;
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
            control: {
                type: string;
            };
        };
        onClick: {
            action: string;
        };
    };
};
export default Story;
export declare const LightButton: ComponentStory<({ id, primary, maxContent, small, light, children, onClick, link, state, labelFor, disabled, defaultTheme, }: {
    id?: string | undefined;
    primary?: boolean | undefined;
    small?: boolean | undefined;
    light?: boolean | undefined;
    maxContent?: boolean | undefined;
    children: React.ReactNode;
    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    link?: string | undefined;
    state?: object | undefined;
    labelFor?: string | undefined;
    disabled?: boolean | undefined;
    defaultTheme?: boolean | undefined;
}) => JSX.Element>;
export declare const PrimaryButton: ComponentStory<({ id, primary, maxContent, small, light, children, onClick, link, state, labelFor, disabled, defaultTheme, }: {
    id?: string | undefined;
    primary?: boolean | undefined;
    small?: boolean | undefined;
    light?: boolean | undefined;
    maxContent?: boolean | undefined;
    children: React.ReactNode;
    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    link?: string | undefined;
    state?: object | undefined;
    labelFor?: string | undefined;
    disabled?: boolean | undefined;
    defaultTheme?: boolean | undefined;
}) => JSX.Element>;
export declare const ButtonAsALabel: ComponentStory<({ id, primary, maxContent, small, light, children, onClick, link, state, labelFor, disabled, defaultTheme, }: {
    id?: string | undefined;
    primary?: boolean | undefined;
    small?: boolean | undefined;
    light?: boolean | undefined;
    maxContent?: boolean | undefined;
    children: React.ReactNode;
    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    link?: string | undefined;
    state?: object | undefined;
    labelFor?: string | undefined;
    disabled?: boolean | undefined;
    defaultTheme?: boolean | undefined;
}) => JSX.Element>;
export declare const ButtonAsALink: ComponentStory<({ id, primary, maxContent, small, light, children, onClick, link, state, labelFor, disabled, defaultTheme, }: {
    id?: string | undefined;
    primary?: boolean | undefined;
    small?: boolean | undefined;
    light?: boolean | undefined;
    maxContent?: boolean | undefined;
    children: React.ReactNode;
    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    link?: string | undefined;
    state?: object | undefined;
    labelFor?: string | undefined;
    disabled?: boolean | undefined;
    defaultTheme?: boolean | undefined;
}) => JSX.Element>;