/**
 * @name Item
 * @category Display
 * @summary Use for laying out structured content with header, body, and footer text, icons, and actions.
 * @slot decorator - An optional slot to display custom content in the decorator area.
 * Supports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).
 * Use this to provide a visual indicator or icon for your item.
 *
 * @slot header - An optional slot to display custom content in the header area.
 * Use this to provide a title or label for your item.
 *
 * @slot body - An optional slot to display custom content in the body area.
 * Use this to provide the main content of your item.
 *
 * @slot action - An optional slot to display custom content in the action area.
 * Supports buttons, checkboxes, dropdowns, or other interactive elements related to the item.
 *
 * @slot footer - An optional slot to display custom content in the footer area.
 * Use this to provide additional information or actions related to the item.
 */
export declare class Q2Item {
    itemElement: HTMLDivElement;
    mutationObserver: MutationObserver;
    hostElement: HTMLElement;
    renderTrigger: number;
    /** Makes the item clickable. */
    clickable: boolean;
    /** Controls the vertical alignment of the item decorator and single content slot. */
    verticalAlign: 'top' | 'center' | 'bottom';
    componentDidLoad(): void;
    delegateFocus(event: FocusEvent): void;
    get actionClasses(): string;
    get decoratorClasses(): string;
    get footerClasses(): string;
    get hasActionSlotContent(): boolean;
    get hasBodySlotContent(): boolean;
    get hasDecoratorSlotContent(): boolean;
    get hasFooterSlotContent(): boolean;
    get hasHeaderSlotContent(): boolean;
    get itemClasses(): string;
    get mainClasses(): string;
    get shouldAlignSingleContentSlot(): boolean;
    render(): any;
}