import { type StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    component: import("react").FC<import("react").PropsWithChildren<{
        header: import("react").ReactNode;
    } & Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
        as?: import("react").ElementType | undefined;
        elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
        backgroundColor?: import("../src/types/general.types").BackgroundColor;
        borderRadius?: keyof typeof import("../src/index").SIZES;
        borderRadiusLeft?: keyof typeof import("../src/index").SIZES;
        borderRadiusRight?: keyof typeof import("../src/index").SIZES;
        hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
        cursor?: import("../src/types/general.types").CursorOption;
    } & {
        ref?: any;
    }>> & {
        Header: import("react").FC<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
            as?: import("react").ElementType | undefined;
            elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
            backgroundColor?: import("../src/types/general.types").BackgroundColor;
            borderRadius?: keyof typeof import("../src/index").SIZES;
            borderRadiusLeft?: keyof typeof import("../src/index").SIZES;
            borderRadiusRight?: keyof typeof import("../src/index").SIZES;
            hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
            cursor?: import("../src/types/general.types").CursorOption;
        } & {
            ref?: any;
        } & {
            leftActionSlot?: import("react").ReactNode;
            rightActionSlot?: import("react").ReactNode;
            slotsAlignment?: "start" | "center";
        }>;
        Main: import("react").FC<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
            as?: import("react").ElementType | undefined;
            elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
            backgroundColor?: import("../src/types/general.types").BackgroundColor;
            borderRadius?: keyof typeof import("../src/index").SIZES;
            borderRadiusLeft?: keyof typeof import("../src/index").SIZES;
            borderRadiusRight?: keyof typeof import("../src/index").SIZES;
            hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
            cursor?: import("../src/types/general.types").CursorOption;
        } & {
            ref?: any;
        }>;
    };
    tags: "new"[];
    parameters: {
        layout: string;
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Simple: Story;
export declare const Overflow: Story;
export declare const ActionsAlignment: Story;