import React, { ComponentType, ReactNode } from "react";
type ContextItemProps = {
    action?: ReactNode;
    children?: ReactNode;
    className?: string;
    hasSeparator?: boolean;
    hasSeparatorIfLast?: boolean;
    subElement?: ReactNode;
    title: ReactNode;
    visual: ReactNode;
    hoverAction?: boolean;
    onClick?: () => void;
    truncateSubElement?: boolean;
};
export declare function ContextItem({ action, children, className, hasSeparator, hasSeparatorIfLast, subElement, title, visual, hoverAction, onClick, truncateSubElement }: ContextItemProps): React.JSX.Element;
interface ContextItemListProps {
    children: ReactNode;
    className?: string;
    hasBorder?: boolean;
}
export declare namespace ContextItem {
    var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
}
interface ContextItemDescriptionProps {
    children?: ReactNode;
    description?: string;
}
export declare namespace ContextItem {
    var Description: ({ children, description, }: ContextItemDescriptionProps) => React.JSX.Element;
}
interface ContextItemVisualProps {
    visual?: ComponentType<{
        className?: string;
    }>;
}
export declare namespace ContextItem {
    var Visual: ({ visual }: ContextItemVisualProps) => React.JSX.Element;
}
interface ItemSectionHeaderProps {
    title: string;
    description?: string;
    hasBorder?: boolean;
}
export declare namespace ContextItem {
    var SectionHeader: ({ title, description, hasBorder, }: ItemSectionHeaderProps) => React.JSX.Element;
}
//# sourceMappingURL=ContextItem.d.ts.map