import { CustomElement } from '../Abstracts/CustomElement';
import { ICellElementProps } from './ICellElementProps';
declare const CellElement_base: (abstract new (...args: Array<any>) => import("../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Controls/Behaviors/Themeable").IThemeableCtor;
/**
 * Cell - A flexible content container component optimized for structured data presentation in grids, lists, and tables.
 *
 * @description
 * The Cell component provides a structured content cell with support for primary labels, secondary descriptions,
 * and flexible content areas. Designed for consistent data presentation across various layout patterns including
 * list items, table cells, grid components, and card content organization. It features built-in support for
 * disabled states, navigation indicators, and flexible slot-based content composition.
 *
 * @name Cell
 * @element mosaik-cell
 * @category Cells
 *
 * @slot start - Leading content area for icons, avatars, thumbnails, or visual indicators
 * @slot label - Primary content area for main text, titles, or primary information
 * @slot subLabel - Secondary content area for descriptions, metadata, or supplementary text
 * @slot end - Trailing content area for actions, status indicators, or secondary controls
 *
 * @csspart root - Root container wrapping the entire cell content and layout
 * @csspart text - Text content wrapper for typography and text styling
 * @csspart label - Primary label content styling container
 * @csspart subLabel - Secondary label content styling container
 *
 * @cssprop {String} --cell-background-color - Background color of the cell container
 * @cssprop {String} --cell-font-family - Font family for primary cell text
 * @cssprop {String} --cell-font-size - Font size for primary cell text
 * @cssprop {String} --cell-font-line-height - Line height for primary cell text
 * @cssprop {String} --cell-font-weight - Font weight for primary cell text
 * @cssprop {String} --cell-font-letter-spacing - Letter spacing for primary cell text
 * @cssprop {String} --cell-font-text-decoration - Text decoration for primary cell text
 * @cssprop {String} --cell-font-text-transform - Text transform for primary cell text
 * @cssprop {String} --cell-padding-top - Top padding for cell content spacing
 * @cssprop {String} --cell-padding-right - Right padding for cell content spacing
 * @cssprop {String} --cell-padding-bottom - Bottom padding for cell content spacing
 * @cssprop {String} --cell-padding-left - Left padding for cell content spacing
 * @cssprop {String} --cell-gap - Gap between cell content elements
 * @cssprop {String} --cell-sub-font-family - Font family for secondary cell text
 * @cssprop {String} --cell-sub-font-size - Font size for secondary cell text
 * @cssprop {String} --cell-sub-font-line-height - Line height for secondary cell text
 * @cssprop {String} --cell-sub-font-weight - Font weight for secondary cell text
 * @cssprop {String} --cell-sub-font-letter-spacing - Letter spacing for secondary cell text
 * @cssprop {String} --cell-sub-font-text-decoration - Text decoration for secondary cell text
 * @cssprop {String} --cell-sub-font-text-transform - Text transform for secondary cell text
 *
 * @dependency {TextElement} - Text rendering component for primary and secondary labels
 *
 * @example
 * Basic cell with label:
 * ```html
 * <mosaik-cell label="Dashboard"></mosaik-cell>
 * ```
 *
 * @example
 * Contact list cell with slotted content:
 * ```html
 * <mosaik-cell>
 *   <mosaik-avatar slot="start"></mosaik-avatar>
 *   <span slot="label">John Smith</span>
 *   <span slot="subLabel">john.smith@company.com</span>
 *   <mosaik-button slot="end" label="Call" appearance="plain"></mosaik-button>
 * </mosaik-cell>
 * ```
 *
 * @example
 * Navigation cell with indicator:
 * ```html
 * <mosaik-cell is-navigation label="Privacy &amp; Security"></mosaik-cell>
 * ```
 *
 * @example
 * Disabled cell:
 * ```html
 * <mosaik-cell disabled label="Unavailable Option"></mosaik-cell>
 * ```
 *
 * @public
 */
export declare class CellElement extends CellElement_base implements ICellElementProps {
    private _isNavigation;
    private _subLabel;
    /**
     * @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 `isNavigation` property.
     *
     * @public
     * @attr is-navigation
     */
    get isNavigation(): boolean;
    set isNavigation(value: boolean);
    /**
     * Gets or sets the `subLabel` property.
     *
     * @public
     */
    get subLabel(): string;
    set subLabel(value: string);
}
/**
 * @public
 */
export declare namespace CellElement {
    type Props = ICellElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-cell': CellElement;
    }
}
export {};
//# sourceMappingURL=CellElement.d.ts.map