import { default as React, ChangeEventHandler, MouseEventHandler, ReactNode } from 'react';
type CollapsibleListItemVariant = 'alert';
export type CollapsibleListItemProps = {
    /**
     * Whether this element is active.
     * @default false
     */
    isActive?: boolean;
    /**
     * Whether this element is the header of a CollapsibleList.
     * @default false
     */
    asHeader?: boolean;
    /**
     * The content of the CollapsibleListItem.
     */
    children: ReactNode;
    /**
     * className for the element.
     */
    className?: string;
    /**
     * Handler that is called when the CollapsibleListItem is clicked.
     */
    onClick: MouseEventHandler;
    /**
     * Whether the CollapsibleList is collapsed.
     * @default true
     */
    isCollapsed?: boolean;
    /**
     * The visual style of the CollapsibleListItem.
     */
    variant?: CollapsibleListItemVariant;
    /**
     * Right addon of the CollapsibleListItem.
     */
    rightAddon?: React.ReactNode;
} & (// Selection
{
    /**
     * Whether the CollapsibleListItem is selected.
     */
    isSelected: boolean;
    /**
     * Whether the CollapsibleListItem is indeterminate (only active if the asHeader prop is set to true).
     */
    isIndeterminate?: boolean;
    /**
     * Handler that is called when a CollapsibleListItem has been selected.
     */
    onSelect: ChangeEventHandler<HTMLInputElement>;
} | {
    isSelected?: never;
    isIndeterminate?: never;
    onSelect?: never;
});
export declare const CollapsibleListItem: ({ isActive, asHeader, children, className, isSelected, isIndeterminate, onSelect, onClick, isCollapsed, variant, rightAddon, }: CollapsibleListItemProps) => React.JSX.Element;
export {};
//# sourceMappingURL=CollapsibleListItem.d.ts.map