import { LitElement } from 'lit';
import '../Accordion/Accordion';
import '../Icon/Icon';
/**
 * CTT Side Panel Item Web Component
 *
 * A wrapper for ctt-accordion that acts as a collapsible section within a side panel.
 * Inherits all props from the accordion component and applies consistent styling.
 *
 * @element ctt-side-panel-item
 *
 * @fires toggle - Dispatched when the item is toggled (inherited from ctt-accordion)
 *
 * @slot content - Main expandable content (inherited from ctt-accordion)
 * @slot - Default slot maps to content slot for convenience
 *
 * Note: Title and description are set via properties, not slots, for consistency with accordion component.
 * For custom title/description HTML content, use the ctt-accordion component directly.
 *
 * @csspart item - The main item wrapper
 * @csspart accordion - The internal accordion component
 *
 * @example
 * ```html
 * <ctt-side-panel-item title="Section Title" description="Optional description" expanded>
 *   Content here
 * </ctt-side-panel-item>
 * ```
 */
declare global {
    interface HTMLElementTagNameMap {
        'ctt-side-panel-item': CttSidePanelItem;
    }
}
export declare class CttSidePanelItem extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * The accordion title text (inherited from ctt-accordion)
     */
    title: string;
    /**
     * Optional description text (inherited from ctt-accordion)
     */
    description: string;
    /**
     * Whether to show the description (inherited from ctt-accordion)
     * Auto-computed based on description content if not explicitly set
     */
    showDescription?: boolean;
    /**
     * Whether the accordion is expanded (inherited from ctt-accordion)
     * Note: Using 'expanded' instead of 'open' for semantic clarity in side panel context
     */
    expanded: boolean;
    /**
     * Whether the item is active
     */
    active: boolean;
    /**
     * Optional icon name to display before the title.
     * Reuses the ctt-icon component. When set, the icon appears to the left of the title text.
     */
    iconName: string;
    private _accordion;
    constructor();
    /**
     * Toggles the expanded state of the accordion
     */
    toggle(): void;
    private _handleToggle;
    updated(changedProperties: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}