import type { IElementRef } from '@melodicdev/core';
/**
 * ml-list-item - Individual item within a list
 *
 * @example
 * ```html
 * <ml-list-item primary="Phoenix Baker" secondary="Member since Feb 2025">
 *   <ml-avatar slot="leading" initials="PB"></ml-avatar>
 *   <ml-badge slot="trailing" variant="pill" color="success">Active</ml-badge>
 * </ml-list-item>
 * ```
 *
 * @slot leading - Left side content (avatars, icons, images)
 * @slot default - Main content (overrides primary/secondary text)
 * @slot trailing - Right side content (badges, indicators, actions)
 */
export declare class ListItemComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Primary text */
    primary: string;
    /** Secondary text */
    secondary: string;
    /** Disable the item */
    disabled: boolean;
    /** Enable hover/focus states for clickable items */
    interactive: boolean;
    /** Check if leading slot has content */
    get hasLeadingSlot(): boolean;
    /** Check if trailing slot has content */
    get hasTrailingSlot(): boolean;
}
//# sourceMappingURL=list-item.component.d.ts.map