import * as React from "react";
import { type VariantProps } from "../utils.js";
import { type ListItemProps } from "./components/index.js";
declare const listVariants: (props?: ({
    variant?: "container" | "underline" | null | undefined;
    background?: "base" | "transparent" | "light" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
interface ListProps extends VariantProps<typeof listVariants>, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
    children: React.ReactNode;
}
declare const List: (({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
    original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
        original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element) & {
        original: ({ children, variant, background, className, ...props }: ListProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
} & {
    Item: (({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
        original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: (({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
            original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element) & {
            original: ({ actions, children, className, description, activated, disabled, selected, handle, icon, colorMark, sidePadding, onClick, title, ...props }: ListItemProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    } & {
        Action: ((props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
            original: (props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: ((props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
                original: (props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
                original: (props: import("./components/ListItemAction.js").ListItemActionProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        } & {
            Separator: ((props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
                original: (props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
                    original: (props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
                    original: (props: import("./components/ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => React.JSX.Element;
            };
        };
        Handle: ((props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
            original: (props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: ((props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
                original: (props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
                original: (props: import("./components/ListItemHandle.js").ListItemHandleProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        };
        Icon: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
            original: (props: import("../index.js").IconProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
                original: (props: import("../index.js").IconProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").IconProps) => React.JSX.Element) & {
                original: (props: import("../index.js").IconProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        };
    };
};
export { List, type ListProps, type ListItemProps };