import { StoryObj } from "@storybook/react-vite";
import { fn } from "storybook/test";
declare const _default: {
    title: string;
    component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "disabled" | "className" | "attributes" | "children" | "as" | "render" | "onClick" | "href" | "type" | "stopPropagation"> & {
        color?: "primary" | "critical" | "positive" | "neutral" | "media" | "inherit";
        variant?: "solid" | "outline" | "ghost" | "faded";
        icon?: import("../../Icon").IconProps["svg"];
        endIcon?: import("../../Icon").IconProps["svg"];
        size?: import("../../../types/global").Responsive<import("../Button.types").Size>;
        rounded?: boolean;
        loading?: boolean;
        loadingAriaLabel?: string;
        elevated?: boolean;
        fullWidth?: import("../../../types/global").Responsive<boolean>;
        highlighted?: boolean;
    } & import("react").RefAttributes<import("@reshaped/headless").ActionableRef>> & {
        Aligner: import("react").FC<import("./..").ButtonAlignerProps>;
        Group: import("react").FC<import("./..").ButtonGroupProps>;
    };
    parameters: {
        iframe: {
            url: string;
        };
    };
};
export default _default;
export declare const variantAndColor: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const icon: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const size: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const elevated: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const rounded: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const fullWidth: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const loading: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const highlighted: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const disabled: StoryObj;
export declare const aligner: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const composition: {
    name: string;
    render: () => import("react").JSX.Element;
};
export declare const href: StoryObj;
export declare const onClick: StoryObj<{
    handleClick: ReturnType<typeof fn>;
}>;
export declare const hrefOnClick: StoryObj<{
    handleClick: ReturnType<typeof fn>;
}>;
export declare const as: StoryObj;
export declare const className: StoryObj;
export declare const group: StoryObj;
export declare const groupFullWidth: StoryObj;
export declare const groupClassName: StoryObj;