import { type StoryObj } from "@storybook/react-vite";
import List, { type ListItemProps, type ListProps } from "../src/components/List/List";
import ListDocumentation from "./List.docs.mdx";
declare const _default: {
    title: string;
    component: import("react").FC<ListProps>;
    argTypes: {};
    tags: string[];
    parameters: {
        docs: {
            page: typeof ListDocumentation;
        };
    };
};
export default _default;
export declare const SimpleList: {
    args: {
        items: ({
            itemId: number;
            title: string;
            subtitle: string;
            handleItemClick: import("storybook/actions").HandlerFunction;
            icon?: undefined;
            className?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle?: undefined;
            handleItemClick?: undefined;
            icon?: undefined;
            className?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            icon: import("react").FC<import("../src").IconProps>;
            className: string;
            handleItemClick?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            isSelected: boolean;
            handleItemClick?: undefined;
            icon?: undefined;
            className?: undefined;
        })[];
        onDragEnd: undefined;
    };
};
export declare const ListWithBlueTitle: {
    args: {
        title: {
            text: string;
            color: string;
        };
        items: {
            ref?: import("react").Ref<HTMLLIElement> | undefined;
            className?: string | undefined;
            title: React.ReactNode;
            icon?: import("react").ReactNode | import("react").FunctionComponent<import("../src").IconProps>;
            dataTestId?: string | undefined;
            itemId: string | number;
            subtitle?: import("react").ReactNode;
            accessories?: import("react").JSX.Element[] | undefined;
            onlyShowAccessoriesOnHover?: boolean | undefined;
            matchTerm?: string | undefined;
            handleItemClick?: (((e: React.MouseEvent<HTMLLIElement>) => void) & ((e: React.MouseEvent<HTMLLIElement>) => void)) | undefined;
            onAssetLoadError?: ((payload: import("../src").OnAssetLoadErrorPayload) => void) | undefined;
            tooltipId: string;
            isSelected?: boolean | undefined;
            roundTop?: boolean | undefined;
            roundBottom?: boolean | undefined;
            withBorder?: boolean | undefined;
            isDraggable?: boolean | undefined;
            renderDragHandle?: (() => import("react").ReactNode) | undefined;
            htmlProps?: import("react").HTMLProps<HTMLLIElement> | undefined;
            __isNested?: boolean | undefined;
            children?: ListItemProps[];
        }[];
        onDragEnd: undefined;
    };
};
export declare const ListWithSubtitle: {
    args: {
        title: string;
        subtitle: string;
        items: never[];
        headerAccessory: import("react").JSX.Element;
    };
};
export declare const ListWithTitleAndButtons: StoryObj<ListProps>;
export declare const ListWithButtonsAndNoTitle: StoryObj<ListProps>;
export declare const ListWithTransparentHeaderTitleAndButtons: StoryObj<ListProps>;
export declare const ListWithDraggable: {
    args: {
        onDragEnd: (itemId: any, newIndex: any, rest: any) => void;
        items: ({
            itemId: number;
            title: string;
            subtitle: string;
            handleItemClick: import("storybook/actions").HandlerFunction;
            icon?: undefined;
            className?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle?: undefined;
            handleItemClick?: undefined;
            icon?: undefined;
            className?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            icon: import("react").FC<import("../src").IconProps>;
            className: string;
            handleItemClick?: undefined;
            isSelected?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            isSelected: boolean;
            handleItemClick?: undefined;
            icon?: undefined;
            className?: undefined;
        })[];
    };
};
export declare const ListWithoutItems: {
    args: {
        items: never[];
        emptyStateMessage: string;
    } | {
        items: never[];
        emptyStateMessage: string;
        ref?: import("react").Ref<HTMLUListElement> | undefined;
        footer?: import("react").ReactNode;
        title?: (string | import("../src/components/Title/Title").TitleProps) | undefined;
        dataTestId?: string | undefined;
        subtitle?: import("react").ReactNode;
        withBorder?: boolean | undefined;
        headerButton?: import("../src").ButtonDefinition<import("../src/components/ButtonV2/ButtonProps.type").PrimaryButtonProps> | undefined;
        headerAccessory?: import("react").ReactNode;
        headerTransparent?: boolean | undefined;
        isLoading?: boolean | undefined;
        onDragEnd?: ((itemId: string | number, newIndex: number, rest: {
            state: import("../src/components/BaseList").BaseListProps["items"];
        }) => void) | undefined;
        onAssetLoadError?: ((payload: import("../src").OnAssetLoadErrorPayload) => void) | undefined;
    } | {
        items: never[];
        emptyStateMessage: string;
        draggableListType?: "default" | undefined;
        ref?: import("react").Ref<HTMLUListElement> | undefined;
        footer?: import("react").ReactNode;
        title?: (string | import("../src/components/Title/Title").TitleProps) | undefined;
        dataTestId?: string | undefined;
        subtitle?: import("react").ReactNode;
        withBorder?: boolean | undefined;
        headerButton?: import("../src").ButtonDefinition<import("../src/components/ButtonV2/ButtonProps.type").PrimaryButtonProps> | undefined;
        headerAccessory?: import("react").ReactNode;
        headerTransparent?: boolean | undefined;
        isLoading?: boolean | undefined;
        onDragEnd?: ((itemId: string | number, newIndex: number, rest: {
            state: import("../src/components/BaseList").BaseListProps["items"];
        }) => void) | undefined;
        onAssetLoadError?: ((payload: import("../src").OnAssetLoadErrorPayload) => void) | undefined;
    };
};
export declare const ListLoading: {
    args: {
        items: ({
            itemId: number;
            title: string;
            subtitle: string;
            icon?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            icon: import("react").FC<import("../src").IconProps>;
        })[];
        isLoading: boolean;
    } | {
        items: ({
            itemId: number;
            title: string;
            subtitle: string;
            icon?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            icon: import("react").FC<import("../src").IconProps>;
        })[];
        isLoading: boolean;
        ref?: import("react").Ref<HTMLUListElement> | undefined;
        footer?: import("react").ReactNode;
        title?: (string | import("../src/components/Title/Title").TitleProps) | undefined;
        dataTestId?: string | undefined;
        subtitle?: import("react").ReactNode;
        withBorder?: boolean | undefined;
        headerButton?: import("../src").ButtonDefinition<import("../src/components/ButtonV2/ButtonProps.type").PrimaryButtonProps> | undefined;
        headerAccessory?: import("react").ReactNode;
        headerTransparent?: boolean | undefined;
        emptyStateMessage?: string | undefined;
        onDragEnd?: ((itemId: string | number, newIndex: number, rest: {
            state: import("../src/components/BaseList").BaseListProps["items"];
        }) => void) | undefined;
        onAssetLoadError?: ((payload: import("../src").OnAssetLoadErrorPayload) => void) | undefined;
    } | {
        items: ({
            itemId: number;
            title: string;
            subtitle: string;
            icon?: undefined;
        } | {
            itemId: number;
            title: string;
            subtitle: string;
            icon: import("react").FC<import("../src").IconProps>;
        })[];
        isLoading: boolean;
        draggableListType?: "default" | undefined;
        ref?: import("react").Ref<HTMLUListElement> | undefined;
        footer?: import("react").ReactNode;
        title?: (string | import("../src/components/Title/Title").TitleProps) | undefined;
        dataTestId?: string | undefined;
        subtitle?: import("react").ReactNode;
        withBorder?: boolean | undefined;
        headerButton?: import("../src").ButtonDefinition<import("../src/components/ButtonV2/ButtonProps.type").PrimaryButtonProps> | undefined;
        headerAccessory?: import("react").ReactNode;
        headerTransparent?: boolean | undefined;
        emptyStateMessage?: string | undefined;
        onDragEnd?: ((itemId: string | number, newIndex: number, rest: {
            state: import("../src/components/BaseList").BaseListProps["items"];
        }) => void) | undefined;
        onAssetLoadError?: ((payload: import("../src").OnAssetLoadErrorPayload) => void) | undefined;
    };
};
export declare const WithBorder: StoryObj<typeof List>;
export declare const WithBorderAndTransparentHeader: StoryObj<typeof List>;
export declare const WithBorderWithoutTransparentHeader: StoryObj<typeof List>;
export declare const WithFooter: StoryObj<typeof List>;
export declare const WithShowOnHoverAccessories: StoryObj<typeof List>;
export declare const WithRichSubtitle: StoryObj<typeof List>;
export declare const Controlled: StoryObj<typeof List>;
export declare const WithCollapsibleRows: StoryObj<typeof List>;
export declare const WithCollapsibleRowsAndSorting: StoryObj<typeof List>;