import { type ISlottable } from '../../../Behaviors/Slottable';
import { CustomElement } from '../../Abstracts/CustomElement';
import type { ICardElementProps } from './ICardElementProps';
import { ISelectable } from '../../../Behaviors/Selectable';
declare const CardElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Elevatable").IElevatableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Insetable").IInsetableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Selectable").ISelectableProps & import("../../../Behaviors/Selectable").ISelectableEvents & ISelectable) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
/**
 * Card - A component that represents a card UI element for displaying related content.
 *
 * @description This component is designed to encapsulate related information within a visually distinct container. Cards can include various sections such as a title, subtitle, content, actions, and footers, making them versatile for many use cases in a user interface.
 *
 * @name Card
 * @element mosaik-card
 * @category UI Components
 *
 * @slot cover - The slot for placing a cover image or graphic at the top of the card.
 * @slot media - The slot for placing media content, such as images or videos.
 * @slot header - The slot for placing header content, typically containing the title.
 * @slot content - The slot for placing the main content of the card.
 * @slot actions - The slot for placing action buttons related to the card.
 * @slot footer - The slot for placing footer content, often for additional information or links.
 *
 * @csspart elevation - The part representing the elevation effect of the card.
 * @csspart cover - The part representing the cover area of the card.
 * @csspart heading - The part representing the heading area of the card.
 * @csspart media - The part representing the media content area of the card.
 * @csspart header - The part representing the header section of the card.
 * @csspart content - The part representing the main content area of the card.
 * @csspart actions - The part representing the actions area of the card.
 * @csspart footer - The part representing the footer area of the card.
 *
 * @cssprop {unknown} --card-font-family - The font-family property for the card text.
 * @cssprop {unknown} --card-font-size - The font-size property for the card text.
 * @cssprop {unknown} --card-font-line-height - The line-height property for the card text.
 * @cssprop {unknown} --card-font-weight - The font-weight property for the card text.
 * @cssprop {unknown} --card-font-letter-spacing - The letter-spacing property for the card text.
 * @cssprop {unknown} --card-font-text-decoration - The text-decoration property for the card text.
 * @cssprop {unknown} --card-font-text-transform - The text-transform property for the card text.
 * @cssprop {unknown} --card-background-color - The background-color property for the card.
 * @cssprop {unknown} --card-border-color - The border-color property for the card.
 * @cssprop {unknown} --card-foreground-color - The foreground-color property for the card.
 * @cssprop {unknown} --card-border-width - The border-width property for the card.
 * @cssprop {unknown} --card-border-radius - The border-radius property for the card.
 * @cssprop {unknown} --card-border-style - The border-style property for the card.
 * @cssprop {unknown} --card-transition-duration - The transition duration for card animations.
 * @cssprop {unknown} --card-transition-mode - The transition mode for card animations.
 * @cssprop {unknown} --card-transition-property - The transition property for the card animations.
 * @cssprop {unknown} --card-shadow - The shadow property for the card.
 * @cssprop {unknown} --card-divider-height - The height of any dividers within the card.
 * @cssprop {unknown} --_has-header - Indicates if the card has a header.
 * @cssprop {unknown} --_has-content - Indicates if the card has content.
 * @cssprop {unknown} --_has-actions - Indicates if the card has actions.
 * @cssprop {unknown} --_has-footer - Indicates if the card has a footer.
 * @cssprop {unknown} --card-content-padding-top - The top padding for the card content area.
 *
 * @dependency {CardContentElement} - The Card Content element used within the card.
 * @dependency {CardHeaderElement} - The Card Header element used within the card.
 * @dependency {CardSubTitleElement} - The Card Sub Title element used within the card.
 * @dependency {CardTitleElement} - The Card Title element used within the card.
 * @dependency {CardActionsElement} - The Card Actions element used within the card.
 * @dependency {ElevationElement} - The Elevation element for visual depth.
 *
 * @example
 * ```html
 * <mosaik-card>
 *   <div slot="cover"><img src="cover-image.jpg" alt="Cover Image"></div>
 *   <div slot="media"><img src="media-image.jpg" alt="Media"></div>
 *   <mosaik-card-header>
 *     <mosaik-card-title>Card Title</mosaik-card-title>
 *     <mosaik-card-sub-title>Card Subtitle</mosaik-card-sub-title>
 *   </mosaik-card-header>
 *   <mosaik-card-content>Content goes here.</mosaik-card-content>
 *   <mosaik-card-actions>
 *     <mosaik-button>Action 1</mosaik-button>
 *     <mosaik-button>Action 2</mosaik-button>
 *   </mosaik-card-actions>
 *   <mosaik-card-footer>Footer content goes here.</mosaik-card-footer>
 * </mosaik-card>
 * ```
 *
 * @public
 */
export declare class CardElement extends CardElement_base implements ICardElementProps, ISlottable, ISelectable {
    private _header;
    private _subHeader;
    private _content;
    private _inlineMedia;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @readonly
    */
    static get is(): string;
    /**
     * The `header` property represents the header of the card.
     * It will inherited automatically by the `CardHeaderElement`.
     *
     * @public
     */
    get header(): string;
    set header(value: string);
    /**
     * The `subHeader` property represents the sub header of the card.
     * It will inherited automatically by the `CardSubTitleElement`.
     *
     * @public
     */
    get subHeader(): string;
    set subHeader(value: string);
    /**
     * Gets or sets the `content` property.
     *
     * @public
     */
    get content(): string;
    set content(value: string);
    /**
     * Gets or sets the `inlineMedia` property.
     *
     * @public
     * @attr
     */
    get inlineMedia(): boolean;
    set inlineMedia(value: boolean);
}
/**
 * @public
 */
export declare namespace CardElement {
    type Props = ICardElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-card': CardElement;
    }
}
export {};
//# sourceMappingURL=CardElement.d.ts.map