import { CustomElement } from '../../Abstracts/CustomElement';
import { IFooterItemGroupElementProps } from './IFooterItemGroupElementProps';
declare const FooterItemGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * FooterItemGroup - A collapsible group container for organizing footer links and content.
 *
 * @description
 * The FooterItemGroup element creates a labeled, collapsible section within a footer for organizing
 * related links or content items. Features an optional header, open/closed state management, and
 * automatic role="list" semantics for accessibility. Typically contains FooterItemElement children
 * for individual links or content. Adapts layout based on parent slot position (start, end, or top).
 * Useful for creating organized footer navigation with categories like "Products", "Company", "Support", etc.
 *
 * @name FooterItemGroup
 * @element mosaik-footer-item-group
 * @category Primitives
 *
 * @slot - Default slot for FooterItemElement children or other content
 *
 * @csspart root - The root container element
 * @csspart header - The header/title element
 * @csspart list - The list container (role="list")
 *
 * @dependency {IconElement} - Icon component for expand/collapse indicators
 *
 * @example
 * Basic footer group with links:
 * ```html
 * <mosaik-footer>
 *   <mosaik-footer-item-group slot="start">
 *     <span slot="header">Products</span>
 *     <mosaik-footer-item><a href="/product-a">Product A</a></mosaik-footer-item>
 *     <mosaik-footer-item><a href="/product-b">Product B</a></mosaik-footer-item>
 *     <mosaik-footer-item><a href="/pricing">Pricing</a></mosaik-footer-item>
 *   </mosaik-footer-item-group>
 * </mosaik-footer>
 * ```
 *
 * @example
 * Expandable footer group with slotted header:
 * ```html
 * <mosaik-footer-item-group>
 *   <span slot="header">Resources</span>
 *   <mosaik-footer-item><a href="/docs">Documentation</a></mosaik-footer-item>
 *   <mosaik-footer-item><a href="/tutorials">Tutorials</a></mosaik-footer-item>
 *   <mosaik-footer-item><a href="/api">API Reference</a></mosaik-footer-item>
 * </mosaik-footer-item-group>
 * ```
 *
 * @example
 * Multiple groups in footer:
 * ```html
 * <mosaik-footer>
 *   <div slot="start">
 *     <mosaik-footer-item-group>
 *       <span slot="header">Company</span>
 *       <mosaik-footer-item><a href="/about">About Us</a></mosaik-footer-item>
 *       <mosaik-footer-item><a href="/careers">Careers</a></mosaik-footer-item>
 *     </mosaik-footer-item-group>
 *   </div>
 *   <div slot="end">
 *     <mosaik-footer-item-group>
 *       <span slot="header">Support</span>
 *       <mosaik-footer-item><a href="/help">Help Center</a></mosaik-footer-item>
 *       <mosaik-footer-item><a href="/contact">Contact</a></mosaik-footer-item>
 *     </mosaik-footer-item-group>
 *   </div>
 * </mosaik-footer>
 * ```
 *
 * @public
 */
export declare class FooterItemGroupElement extends FooterItemGroupElement_base implements IFooterItemGroupElementProps {
    private _header;
    private _open;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `header` property.
     *
     * @public
     */
    get header(): string;
    set header(value: string);
    /**
     * Gets or sets the `open` property.
     *
     * @public
     */
    get open(): boolean;
    private set open(value);
    toggle(): void;
}
/**
 * @public
 */
export declare namespace FooterItemGroupElement {
    type Props = IFooterItemGroupElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-footer-item-group': FooterItemGroupElement;
    }
}
export {};
//# sourceMappingURL=FooterItemGroupElement.d.ts.map