import React from "react";
import { type StoryObj } from "@storybook/react-vite";
import { Text } from "../src/components/Text/Text";
declare const meta: {
    title: string;
    component: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "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?: "div" | 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;
    } & {
        ref?: React.Ref<HTMLDivElement> | undefined;
    }, "title" | "as"> & {
        title?: string | React.ReactNode;
        header?: React.ReactNode;
        footer?: React.ReactNode;
        collapseButtonWrapperComponent?: React.ComponentType<{
            children: React.ReactNode;
        }>;
    } & {
        variant?: "primary" | "primary-collapsed" | "secondary";
        localization?: {
            collapseButton: string;
            expandButton: string;
        };
        onCollapseButtonClick?: () => void;
    }> & {
        Divider: (props: React.ComponentPropsWithoutRef<typeof import("../src").Divider>) => React.JSX.Element;
        Item: (props: {
            render: (props: {
                getClassName: (args?: {
                    isActive?: boolean;
                    classNameProp?: string;
                }) => string;
            }) => React.ReactNode;
            children?: never;
            paddingX?: never;
            paddingY?: never;
        } | {
            render?: never;
            children?: React.ReactNode;
            paddingX?: boolean;
            paddingY?: boolean;
            className?: string;
        }) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
        ItemLayout: (props: {
            icon?: React.ReactNode;
            text?: React.ReactNode;
            className?: string;
            children?: React.ReactNode;
        } & ({
            aside?: React.ReactNode;
            notificationBubbleText?: never;
        } | {
            aside?: never;
            notificationBubbleText?: string;
        })) => React.JSX.Element;
        ItemText: (props: Readonly<React.ComponentPropsWithoutRef<typeof Text>>) => React.JSX.Element;
        ItemPadding: (props: Readonly<{
            children?: React.ReactNode;
            className?: string;
            paddingX?: boolean;
            paddingY?: boolean;
        }>) => React.JSX.Element;
        NotificationBubble: (props: Readonly<{
            children?: React.ReactNode;
            className?: string;
        }>) => React.JSX.Element;
        ItemGroup: ({ title, children, className, ...rest }: React.ComponentPropsWithoutRef<typeof import("../src").DetailsDisclosure> & {
            title: React.ReactNode;
        }) => React.JSX.Element;
        SectionTitle: (props: {
            children: string;
        }) => React.JSX.Element;
    };
    parameters: {
        layout: string;
        backgrounds: {
            default: string;
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Collapsed: Story;
/**
 * The interactive states of a primary menu item: default, hover, pressed and
 * selected. The hover and pressed rows are simulated with forced classes so
 * they can be reviewed (and snapshotted) without a pointer — interact with
 * the other stories to see the real states.
 */
export declare const InteractiveStates: Story;
export declare const NotExpandable: Story;
export declare const Complex: Story;
export declare const Truncating: Story;
export declare const ItemGroups: Story;
export declare const Secondary: Story;
export declare const HIDE_Primary_Secondary: Story;
/**
 * Stories only used in the docs.
 */
export declare const HIDE_VerticalMenu_Divider: Story;
export declare const HIDE_VerticalMenu_ItemText: Story;
export declare const HIDE_VerticalMenu_ItemPadding: Story;
export declare const HIDE_VerticalMenu_NotificationBubble: Story;