import type { ComponentMeta, ComponentStory } from '@storybook/react';
import React from 'react';
import { ButtonVariants } from '../types';
export declare const Playground: ComponentStory<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DefaultAttributes & {
    children: React.ReactNode;
    variant?: ButtonVariants | undefined;
    size?: import("../types").ButtonSizes | undefined;
    disabled?: boolean | undefined;
    isLoading?: boolean | undefined;
    type?: import("../types").ButtonTypes | undefined;
    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    fullWidth?: boolean | undefined;
    icon?: React.ReactNode;
    iconPosition?: import("../types").ButtonIconPosition | undefined;
    margin?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>>>;
declare const _default: ComponentMeta<React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DefaultAttributes & {
    children: React.ReactNode;
    variant?: ButtonVariants | undefined;
    size?: import("../types").ButtonSizes | undefined;
    disabled?: boolean | undefined;
    isLoading?: boolean | undefined;
    type?: import("../types").ButtonTypes | undefined;
    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    fullWidth?: boolean | undefined;
    icon?: React.ReactNode;
    iconPosition?: import("../types").ButtonIconPosition | undefined;
    margin?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>>>;
export default _default;
