import { type StoryObj } from "@storybook/react-vite";
import Section from "../src/components/Section/Section";
declare const _default: {
    title: string;
    component: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "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?: "section" | 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").SIZES;
        backgroundColor?: import("../src/types/general.types").BackgroundColor;
        borderRadius?: keyof typeof import("../src").SIZES;
        borderRadiusLeft?: keyof typeof import("../src").SIZES;
        borderRadiusRight?: keyof typeof import("../src").SIZES;
        hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
        cursor?: import("../src/types/general.types").CursorOption;
    } & {
        title?: string;
        footer?: import("react").ReactNode;
        className?: string;
        isLoading?: boolean;
        children?: import("react").ReactNode;
        headerAside?: import("react").ReactNode;
        headerTitle?: import("react").ReactNode;
    }>;
};
export default _default;
type Story = StoryObj<typeof Section>;
export declare const Base: {
    args: {
        title: string;
        children: import("react").JSX.Element;
    };
};
export declare const Empty: {
    args: {
        title: string;
    };
};
export declare const CustomTitle: {
    args: {
        headerTitle: import("react").JSX.Element;
    };
};
export declare const IsLoading: {
    args: {
        isLoading: boolean;
        title: string;
        children: import("react").JSX.Element;
    };
};
export declare const AsideButtons: Story;
export declare const Footer: {
    args: {
        footer: import("react").JSX.Element;
        title: string;
        children: import("react").JSX.Element;
    };
};
export declare const NoHeader: {
    args: {
        children: import("react").JSX.Element;
    };
};
export declare const WithUnorderedListAsContent: {
    args: {
        title: string;
        children: import("react").JSX.Element;
    };
};