import { type IAppearanceableProps } from '../../../Behaviors/Appearanceable';
import { TextAlignment } from '../../../Types/TextAlignment';
import { CustomElement } from '../../Abstracts/CustomElement';
import { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
/**
 * Represents the `IJumbotronElementProps` interface.
 *
 * @public
 */
export interface IJumbotronElementProps extends IAppearanceableProps, ITextFormattableProps {
    header: string;
    subHeader: string;
    hint: string;
    alignment: TextAlignment;
}
declare const JumbotronElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => IAppearanceableProps) & (abstract new (...args: Array<any>) => ITextFormattableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Jumbotron - A prominent hero section for showcasing key content with headers, subheaders, and call-to-action elements.
 *
 * @description
 * The Jumbotron element is a large, attention-grabbing container typically used at the top of pages
 * to highlight important information, feature announcements, or call users to action. It combines
 * a main header, optional subheader, descriptive hint text, and action buttons in a visually striking
 * layout. Supports text alignment, formatting, and appearance customization to match your design system.
 * Commonly used for landing page heroes, feature highlights, promotional banners, and onboarding screens.
 *
 * @name Jumbotron
 * @element mosaik-jumbotron
 * @category Primitives
 *
 * @slot header - Main heading content (or use header attribute)
 * @slot subHeader - Secondary heading content (or use subHeader attribute)
 * @slot hint - Descriptive text or instructions (or use hint attribute)
 * @slot actions - Action buttons or interactive elements
 *
 * @csspart header - Container for header and subheader content
 * @csspart divider - Horizontal divider between header and hint sections
 * @csspart hint - Container for hint/description text
 * @csspart actions - Container for action buttons
 *
 * @cssprop {String} --jumbotron-background-color - Background color of the jumbotron
 * @cssprop {String} --jumbotron-border-color - Border color
 * @cssprop {String} --jumbotron-border-radius - Border radius for rounded corners
 * @cssprop {String} --jumbotron-border-style - Border style
 * @cssprop {String} --jumbotron-border-width - Border width
 * @cssprop {String} --jumbotron-font-family - Font family for text
 * @cssprop {String} --jumbotron-font-size - Base font size
 * @cssprop {String} --jumbotron-font-weight - Font weight
 * @cssprop {String} --jumbotron-foreground-color - Text color
 * @cssprop {String} --jumbotron-gap - Spacing between sections
 * @cssprop {String} --jumbotron-padding-bottom - Bottom padding
 * @cssprop {String} --jumbotron-padding-left - Left padding
 * @cssprop {String} --jumbotron-padding-right - Right padding
 * @cssprop {String} --jumbotron-padding-top - Top padding
 * @cssprop {String} --jumbotron-shadow - Shadow effect
 * @cssprop {String} --jumbotron-transition-duration - Transition duration
 * @cssprop {String} --jumbotron-transition-mode - Transition timing function
 * @cssprop {String} --jumbotron-transition-property - Properties to transition
 *
 * @dependency {TextElement} - Text rendering component
 * @dependency {DividerElement} - Divider component for sections
 * @dependency {JumbotronHeaderElement} - Header text component
 * @dependency {JumbotronSubHeaderElement} - Subheader text component
 *
 * @example
 * Basic jumbotron with text attributes:
 * ```html
 * <mosaik-jumbotron
 *   header="Welcome to Mosaik"
 *   sub-header="Build amazing web experiences"
 *   hint="Start creating beautiful, accessible components with our design system."
 *   alignment="center">
 *   <div slot="actions">
 *     <mosaik-button variant="primary">Get Started</mosaik-button>
 *     <mosaik-button appearance="outline">Learn More</mosaik-button>
 *   </div>
 * </mosaik-jumbotron>
 * ```
 *
 * @example
 * Jumbotron with slotted custom content:
 * ```html
 * <mosaik-jumbotron alignment="center" appearance="soft">
 *   <h1 slot="header">Custom Header</h1>
 *   <p slot="subHeader">With your own HTML</p>
 *   <div slot="hint">
 *     <p>Multiple paragraphs of description.</p>
 *     <p>Full control over content.</p>
 *   </div>
 *   <div slot="actions">
 *     <mosaik-button>Action 1</mosaik-button>
 *     <mosaik-button>Action 2</mosaik-button>
 *   </div>
 * </mosaik-jumbotron>
 * ```
 *
 * @example
 * Left-aligned jumbotron for feature announcement:
 * ```html
 * <mosaik-jumbotron
 *   header="New Feature Released!"
 *   sub-header="Dark Mode Support"
 *   hint="Experience our components in a beautiful dark theme with automatic switching based on system preferences."
 *   alignment="left"
 *   appearance="outline">
 *   <div slot="actions">
 *     <mosaik-button variant="primary">Try It Now</mosaik-button>
 *   </div>
 * </mosaik-jumbotron>
 * ```
 *
 * @public
 */
export declare class JumbotronElement extends JumbotronElement_base implements IJumbotronElementProps {
    private _header;
    private _subHeader;
    private _hint;
    private _alignment;
    /**
     * @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
     * @attr
     */
    get header(): string;
    set header(value: string);
    /**
     * Gets or sets the `subHeader` property.
     *
     * @public
     * @attr
     */
    get subHeader(): string;
    set subHeader(value: string);
    /**
     * Gets or sets the `hint` property.
     *
     * @public
     * @attr
     */
    get hint(): string;
    set hint(value: string);
    /**
     * Gets or sets the `alignment` property.
     *
     * @public
     * @attr
     */
    get alignment(): TextAlignment;
    set alignment(value: TextAlignment);
}
/**
 * @public
 */
export declare namespace JumbotronElement {
    type Props = IJumbotronElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-jumbotron': JumbotronElement;
    }
}
export {};
//# sourceMappingURL=JumbotronElement.d.ts.map