import { LitElement } from 'lit';
declare const AtomicSearchLayout_base: import("../../../mixins/mixin-common").Constructor<{
    injectStyles(dynamicStyles?: import("lit").CSSResultGroup): Promise<void>;
}> & typeof LitElement;
/**
 * The `atomic-search-layout` helps organize elements in the page.
 *
 * @cssprop --atomic-layout-max-search-box-input-width: The maximum width that the search box input will take.
 * @cssprop --atomic-layout-max-search-box-double-suggestions-width: The maximum width that the search box suggestions will take when displaying a double list.
 * @cssprop --atomic-layout-search-box-left-suggestions-width: The width of the left list when displaying a double list.
 *
 * @event atomic-layout-breakpoint-change - Emitted when the mobile breakpoint changes. The event detail contains `{ breakpoint: string }`.
 */
export declare class AtomicSearchLayout extends AtomicSearchLayout_base {
    static styles: import("lit").CSSResult[];
    error: Error;
    /**
     * The viewport width at which the layout goes from desktop to mobile.
     * For example: 800px, 65rem.
     */
    mobileBreakpoint: string;
    private layoutStylesController;
    connectedCallback(): void;
    private emitBreakpointChangeEvent;
    onMobileBreakpointChange(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'atomic-search-layout': AtomicSearchLayout;
    }
}
export {};
