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 top - Full-width content area above the main footer section
 * @slot start - Left/start column content (navigation links, etc.)
 * @slot end - Right/end column content (additional links, social media, etc.)
 * @slot bottom - Full-width content area below the main footer section
 * @slot brand - Branding content (logo, company name) displayed with copyright
 * @slot copyright - Custom copyright text (overrides auto-generated copyright)
 *
 * @csspart footer - The footer semantic element
 * @csspart footer-main - Main container for start/end columns
 * @csspart footer-main-top - Top section containing start/end slots
 * @csspart footer-main-bottom - Bottom section containing copyright and brand
 * @csspart copyright - Copyright text element
 *
 * @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