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.
 *
 * 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.
 *
 * @name CellElement
 * @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
 * @csspart start - Leading content area styling container
 * @csspart end - Trailing content area styling container
 *
 * @cssprop --cell-padding-top - Top padding for cell content spacing
 * @cssprop --cell-padding-right - Right padding for cell content spacing
 * @cssprop --cell-padding-bottom - Bottom padding for cell content spacing
 * @cssprop --cell-padding-left - Left padding for cell content spacing
 * @cssprop --cell-gap - Gap between cell content elements
 * @cssprop --cell-font-family - Font family for primary cell text
 * @cssprop --cell-font-size - Font size for primary cell text
 * @cssprop --cell-font-line-height - Line height for primary cell text
 * @cssprop --cell-font-weight - Font weight for primary cell text
 * @cssprop --cell-font-letter-spacing - Letter spacing for primary cell text
 * @cssprop --cell-font-text-decoration - Text decoration for primary cell text
 * @cssprop --cell-font-text-transform - Text transform for primary cell text
 * @cssprop --cell-sub-font-family - Font family for secondary cell text
 * @cssprop --cell-sub-font-size - Font size for secondary cell text
 * @cssprop --cell-sub-font-line-height - Line height for secondary cell text
 * @cssprop --cell-sub-font-weight - Font weight for secondary cell text
 * @cssprop --cell-sub-font-letter-spacing - Letter spacing for secondary cell text
 * @cssprop --cell-sub-font-text-decoration - Text decoration for secondary cell text
 * @cssprop --cell-sub-font-text-transform - Text transform for secondary cell text
 *
 * @dependency TextElement - For rendering primary and secondary text content
 *
 * @example
 * ```html
 * <!-- Contact list cell -->
 * <mosaik-cell>
 *   <mosaik-avatar slot="start" src="contact.jpg"></mosaik-avatar>
 *   <mosaik-text slot="label">John Smith</mosaik-text>
 *   <mosaik-text slot="subLabel">john.smith@company.com</mosaik-text>
 *   <mosaik-button slot="end" appearance="ghost">
 *     <mosaik-icon data="phone"></mosaik-icon>
 *   </mosaik-button>
 * </mosaik-cell>
 *
 * <!-- Product information cell -->
 * <mosaik-cell>
 *   <img slot="start" src="product-thumb.jpg" alt="Product" />
 *   <mosaik-text slot="label">Premium Headphones</mosaik-text>
 *   <mosaik-text slot="subLabel">High-quality audio experience</mosaik-text>
 *   <mosaik-text slot="end">$299.99</mosaik-text>
 * </mosaik-cell>
 *
 * <!-- Settings option cell -->
 * <mosaik-cell>
 *   <mosaik-icon slot="start" data="shield-check"></mosaik-icon>
 *   <mosaik-text slot="label">Privacy & Security</mosaik-text>
 *   <mosaik-text slot="subLabel">Manage your privacy settings</mosaik-text>
 *   <mosaik-icon slot="end" data="chevron-right"></mosaik-icon>
 * </mosaik-cell>
 *
 * <!-- Notification cell -->
 * <mosaik-cell>
 *   <mosaik-icon slot="start" data="bell" style="color: var(--primary-color);"></mosaik-icon>
 *   <mosaik-text slot="label">New Message Received</mosaik-text>
 *   <mosaik-text slot="subLabel">2 minutes ago</mosaik-text>
 *   <mosaik-badge slot="end" value="1"></mosaik-badge>
 * </mosaik-cell>
 *
 * <!-- Simple text cell -->
 * <mosaik-cell>
 *   <mosaik-text slot="label">Dashboard</mosaik-text>
 * </mosaik-cell>
 * ```
 *
 * @public
 */
export declare class CellElement extends CellElement_base implements ICellElementProps {
    private _isNavigation;
    private _subLabel;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `{@link is}` property.
     * The `{@link is}` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `isNavigation` property.
     *
     * @public
     * @attr
     */
    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