import { CustomElement } from '../../Abstracts/CustomElement';
import { IFooterElementProps } from './IFooterElementProps';
declare const FooterElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Footer - A semantic footer component for page-level or section-level navigation and information.
 *
 * @description
 * The Footer element provides a structured layout for footer content with multiple slots for
 * organizing links, copyright information, branding, and additional content. Features top/bottom
 * sections for full-width content and start/end slots for multi-column layouts. Automatically
 * generates copyright text with the current year. Supports responsive breakpoints for layout
 * adjustments. Commonly used for site-wide footers, section footers, or card footers.
 *
 * @name Footer
 * @element mosaik-footer
 * @category Primitives
 *
 * @slot bottom - Full-width content area below the main footer section
 * @slot brand - The brand slot.
 * @slot brand - Branding content (logo, company name) displayed with copyright
 * @slot end - Right/end column content (additional links, social media, etc.)
 * @slot start - Left/start column content (navigation links, etc.)
 * @slot top - Full-width content area above the main footer section
 *
 * @cssprop {String} --footer-background-color - The background color CSS custom property.
 * @cssprop {String} --footer-border-color - The border color CSS custom property.
 * @cssprop {String} --footer-border-radius - The border radius CSS custom property.
 * @cssprop {String} --footer-border-style - The border style CSS custom property.
 * @cssprop {String} --footer-border-width - The border width CSS custom property.
 * @cssprop {String} --footer-font-family - The font family CSS custom property.
 * @cssprop {String} --footer-font-letter-spacing - The font letter spacing CSS custom property.
 * @cssprop {String} --footer-font-line-height - The font line height CSS custom property.
 * @cssprop {String} --footer-font-size - The font size CSS custom property.
 * @cssprop {String} --footer-font-text-decoration - The font text decoration CSS custom property.
 * @cssprop {String} --footer-font-text-transform - The font text transform CSS custom property.
 * @cssprop {String} --footer-font-weight - The font weight CSS custom property.
 * @cssprop {String} --footer-foreground-color - The foreground color CSS custom property.
 * @cssprop {String} --footer-gap - The gap CSS custom property.
 * @cssprop {String} --footer-inset - The inset CSS custom property.
 * @cssprop {String} --footer-padding-bottom - The padding bottom CSS custom property.
 * @cssprop {String} --footer-padding-left - The padding left CSS custom property.
 * @cssprop {String} --footer-padding-right - The padding right CSS custom property.
 * @cssprop {String} --footer-padding-top - The padding top CSS custom property.
 * @cssprop {String} --footer-shadow - The shadow CSS custom property.
 * @cssprop {String} --footer-shadow-blur - The shadow blur CSS custom property.
 * @cssprop {String} --footer-shadow-color - The shadow color CSS custom property.
 * @cssprop {String} --footer-shadow-offset-x - The shadow offset x CSS custom property.
 * @cssprop {String} --footer-shadow-offset-y - The shadow offset y CSS custom property.
 * @cssprop {String} --footer-shadow-spread - The shadow spread CSS custom property.
 * @cssprop {String} --footer-transition-duration - The transition duration CSS custom property.
 * @cssprop {String} --footer-transition-mode - The transition mode CSS custom property.
 * @cssprop {String} --footer-transition-property - The transition property CSS custom property.
 * @cssprop {String} --footer-translate - The translate CSS custom property.
 *
 * @example
 * Basic footer with slotted brand and auto-generated copyright:
 * ```html
 * <mosaik-footer breakpoint="768px">
 *   <div slot="brand">Acme Inc</div>
 *   <nav slot="start">
 *     <a href="/about">About</a>
 *     <a href="/contact">Contact</a>
 *   </nav>
 *   <nav slot="end">
 *     <a href="/privacy">Privacy</a>
 *     <a href="/terms">Terms</a>
 *   </nav>
 * </mosaik-footer>
 * ```
 *
 * @example
 * Footer with custom copyright and branding:
 * ```html
 * <mosaik-footer>
 *   <div slot="copyright">© 2024 My Company. All rights reserved.</div>
 *   <div slot="brand">
 *     <img src="logo.svg" alt="Company Logo">
 *   </div>
 *   <nav slot="start">
 *     <mosaik-footer-item-group>
 *       <mosaik-footer-item><a href="/product-a">Product A</a></mosaik-footer-item>
 *       <mosaik-footer-item><a href="/product-b">Product B</a></mosaik-footer-item>
 *     </mosaik-footer-item-group>
 *   </nav>
 * </mosaik-footer>
 * ```
 *
 * @example
 * Full-featured footer with all sections:
 * ```html
 * <mosaik-footer>
 *   <div slot="top">
 *     <p>Join our newsletter for updates</p>
 *     <input type="email" placeholder="Email">
 *   </div>
 *   <div slot="brand">Mosaik Design System</div>
 *   <nav slot="start">
 *     <h3>Resources</h3>
 *     <a href="/docs">Documentation</a>
 *     <a href="/examples">Examples</a>
 *   </nav>
 *   <nav slot="end">
 *     <h3>Connect</h3>
 *     <a href="/twitter">Twitter</a>
 *     <a href="/github">GitHub</a>
 *   </nav>
 *   <div slot="bottom">
 *     <small>Built with the Mosaik team</small>
 *   </div>
 * </mosaik-footer>
 * ```
 *
 * @public
 */
export declare class FooterElement extends FooterElement_base implements IFooterElementProps {
    private _copyright;
    private _breakpoint;
    private _brand;
    /**
     * @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 `brand` property.
     *
     * @public
     */
    get brand(): string;
    set brand(value: string);
    /**
     * Gets or sets the `copyright` property.
     *
     * @public
     */
    get copyright(): string;
    set copyright(value: string);
    /**
     * Gets or sets the `breakpoint` property.
     *
     * @public
     * @attr
     */
    get breakpoint(): string;
    set breakpoint(value: string);
}
/**
 * @public
 */
export declare namespace FooterElement {
    type Props = IFooterElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-footer': FooterElement;
    }
}
export {};
//# sourceMappingURL=FooterElement.d.ts.map