import React from 'react';
import { ComponentMeta } from '@storybook/react';
declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../types/index.js").HTMLTribeProps<"button"> & {
    variant?: "secondary" | "outline" | "primary" | "danger" | "basic";
    size?: "xs" | "sm" | "md" | "lg" | "xl";
    fullWidth?: boolean;
    rounded?: boolean;
    disabled?: boolean;
    loading?: boolean;
    leadingIcon?: React.SVGProps<SVGSVGElement>;
    trailingIcon?: React.SVGProps<SVGSVGElement>;
} & React.RefAttributes<HTMLButtonElement>>>;
export default _default;
export declare const Template: {
    (args: any): JSX.Element;
    args: {
        variant: string;
        size: string;
        disabled: boolean;
        rounded: boolean;
        loading: boolean;
        fullWidth: boolean;
        children: string;
        icon: boolean;
    };
};
export declare const Variants: {
    (args: any): JSX.Element;
    args: {
        variant: string;
        size: string;
        disabled: boolean;
        rounded: boolean;
        loading: boolean;
        fullWidth: boolean;
        children: string;
        icon: boolean;
    };
};
export declare const WithLeadingIcon: {
    (): JSX.Element;
    args: {
        variant: string;
        size: string;
        disabled: boolean;
        rounded: boolean;
        loading: boolean;
        fullWidth: boolean;
        children: string;
        icon: boolean;
    };
};
export declare const WithTrailingIcon: () => JSX.Element;
export declare const IconOnly: () => JSX.Element;
export declare const RoundedButtons: () => JSX.Element;
export declare const Disabled: () => JSX.Element;
export declare const Loading: () => JSX.Element;
export declare const AsLink: () => JSX.Element;
export declare const FullWidth: (args: any) => JSX.Element;