import { type EventEmitter } from '../../stencil-public-runtime'; import type { HeaderLanguage, HeaderLanguageChangeDetail } from './mud-header.types'; /** * Mobile header — a compact bar that opens a full-screen navigation drawer. * * Closed: logo + slotted bar actions (e.g. an auth button + search) + a * hamburger. Open: a full-screen panel with logo + language pill + close, * then slotted `search`, `nav`, `secondary` (services/help) and bottom * `actions` (CTA buttons). Reuse `mud-sidebar-item` for the nav rows. * * @element mud-header-mobile * @slot logo - Logo (used when `logoSrc` is not set). * @slot bar-actions - Trailing closed-bar content before the hamburger. * @slot search - The drawer search field. * @slot nav - The drawer navigation rows. * @slot secondary - Services / help rows beneath the divider. * @slot actions - Bottom CTA buttons. * @part bar - The compact top bar. * @part drawer - The full-screen panel. */ export declare class MudHeaderMobile { /** Logo image URL (rendered in both the bar and the drawer). */ logoSrc?: string; /** Alt text for the logo image. */ logoAlt: string; /** Whether the drawer is open. */ open: boolean; /** Active language code. Defaults to the first entry in `languages`. */ language?: string; /** Languages offered by the drawer's language pill. */ languages: readonly HeaderLanguage[]; /** Accessible label for the hamburger / drawer nav. */ menuLabel: string; /** Accessible label for the close button. */ closeLabel: string; /** Accessible label for the language pill. */ languageLabel: string; host: HTMLMudHeaderMobileElement; /** Fired when the language is changed (cycles through `languages`). */ mudLanguageChange: EventEmitter; /** Fired when the drawer opens or closes. */ mudOpenChange: EventEmitter<{ open: boolean; }>; private setOpen; private handleToggle; private handleClose; private handleLanguageCycle; private renderLogo; render(): any; }