import { StateBaseElement } from '../Abstracts/StateBaseElement';
import { IEmptyStateElementProps } from './IEmptyStateElementProps';
declare const EmptyStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * EmptyState - A user-friendly placeholder component for displaying when no content or data is available.
 *
 * Provides informative messaging and optional call-to-action elements when lists, searches, or data sets
 * return no results. Helps guide users with clear messaging and actionable next steps to improve
 * user experience during empty content scenarios.
 *
 * @name EmptyStateElement
 * @element mosaik-empty-state
 * @category States
 *
 * @slot - Default content area for additional empty state information
 * @slot actions - Action buttons or links for user guidance and next steps
 *
 * @csspart icon - Icon container for visual empty state representation
 * @csspart header - Header text container for primary messaging
 * @csspart content - Content text container for detailed explanation
 *
 * @cssprop --empty-state-foreground-color - Text color for empty state content
 * @cssprop --icon-foreground-color - Color for the empty state icon
 * @cssprop --empty-state-header-font-family - Font family for header text
 * @cssprop --empty-state-header-font-size - Font size for header text
 * @cssprop --empty-state-header-font-line-height - Line height for header text
 * @cssprop --empty-state-header-font-weight - Font weight for header text
 * @cssprop --empty-state-header-font-letter-spacing - Letter spacing for header text
 * @cssprop --empty-state-header-font-text-decoration - Text decoration for header text
 * @cssprop --empty-state-header-font-text-transform - Text transform for header text
 *
 * @dependency IconElement - For displaying empty state icons and visual indicators
 * @dependency TextElement - For rendering header and content text
 * @dependency StackElement - For layout management and content arrangement
 *
 * @example
 * ```html
 * <!-- No search results -->
 * <mosaik-empty-state>
 *   <mosaik-icon slot="icon" data="search-off-outline"></mosaik-icon>
 *   <mosaik-text slot="header">No results found</mosaik-text>
 *   <mosaik-text slot="content">Try adjusting your search terms or filters</mosaik-text>
 *   <div slot="actions">
 *     <mosaik-button onclick="clearSearch()">Clear Search</mosaik-button>
 *   </div>
 * </mosaik-empty-state>
 *
 * <!-- Empty inbox -->
 * <mosaik-empty-state>
 *   <mosaik-icon slot="icon" data="email-outline"></mosaik-icon>
 *   <mosaik-text slot="header">Inbox Zero!</mosaik-text>
 *   <mosaik-text slot="content">You're all caught up. Great work!</mosaik-text>
 * </mosaik-empty-state>
 *
 * <!-- Empty shopping cart -->
 * <mosaik-empty-state>
 *   <mosaik-icon slot="icon" data="cart-outline"></mosaik-icon>
 *   <mosaik-text slot="header">Your cart is empty</mosaik-text>
 *   <mosaik-text slot="content">Discover great products and add them to your cart</mosaik-text>
 *   <div slot="actions">
 *     <mosaik-button appearance="primary" onclick="browseProducts()">
 *       Browse Products
 *     </mosaik-button>
 *   </div>
 * </mosaik-empty-state>
 *
 * <!-- First-time user experience -->
 * <mosaik-empty-state>
 *   <mosaik-icon slot="icon" data="star-outline"></mosaik-icon>
 *   <mosaik-text slot="header">Welcome to the app!</mosaik-text>
 *   <mosaik-text slot="content">Get started by creating your first project</mosaik-text>
 *   <div slot="actions">
 *     <mosaik-button appearance="primary">Create Project</mosaik-button>
 *     <mosaik-button appearance="soft">Take Tour</mosaik-button>
 *   </div>
 * </mosaik-empty-state>
 * ```
 *
 * @public
 */
export declare class EmptyStateElement extends EmptyStateElement_base implements IEmptyStateElementProps {
    private _header;
    private _icon;
    /**
     * Constructs a new instance of the `EmptyStateElement` class.
     *
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @readonly
    */
    static get is(): string;
    /**
     * Gets or sets the icon property of the state.
     *
     * @public
     */
    get icon(): string;
    set icon(value: string);
    /**
     * Gets or sets the header property of the state.
     *
     * @public
     * @attr
     */
    get header(): string;
    set header(value: string);
}
/**
 * @public
 */
export declare namespace EmptyStateElement {
    type Props = IEmptyStateElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-empty-state': EmptyStateElement;
    }
}
export {};
//# sourceMappingURL=EmptyStateElement.d.ts.map