import * as React from "react";
import { type VariantProps } from "../../utils.js";
declare const listItemVariant: (props?: ({
    disabled?: boolean | null | undefined;
    activated?: boolean | null | undefined;
    selected?: boolean | null | undefined;
    clickable?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
interface ListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof listItemVariant> {
    title: React.ReactNode;
    actions?: React.ReactNode;
    description?: React.ReactNode;
    handle?: React.ReactNode;
    icon?: React.ReactNode;
    colorMark?: string;
    sidePadding?: "md" | "lg";
}
declare const ListItem: (({ 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("./ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
        original: (props: import("./ListItemAction.js").ListItemActionProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: ((props: import("./ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
            original: (props: import("./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("./ListItemAction.js").ListItemActionProps) => React.JSX.Element) & {
            original: (props: import("./ListItemAction.js").ListItemActionProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    } & {
        Separator: ((props: import("./ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
            original: (props: import("./ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: ((props: import("./ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
                original: (props: import("./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("./ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element) & {
                original: (props: import("./ListItemSeparator.js").ListItemSeparatorProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        };
    };
    Handle: ((props: import("./ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
        original: (props: import("./ListItemHandle.js").ListItemHandleProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: ((props: import("./ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
            original: (props: import("./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("./ListItemHandle.js").ListItemHandleProps) => React.JSX.Element) & {
            original: (props: import("./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 { ListItem, type ListItemProps };