import '@oicl/openbridge-webcomponents/dist/components/top-bar/top-bar.js';
import type { BreadcrumbClickEvent, BreadcrumbItem } from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
import type { ObcTopBarMenuButtonIcon } from '@oicl/openbridge-webcomponents/dist/components/top-bar/top-bar.js';
import type { Snippet } from 'svelte';
export interface Props {
    class?: string;
    style?: string;
    /** Sets the main application title displayed in the top bar. */
    appTitle?: string;
    /** Sets the current page or section name displayed in the top bar. */
    pageName?: string;
    menuButtonIcon?: ObcTopBarMenuButtonIcon;
    /** Highlights the menu button as active. */
    menuButtonActivated?: boolean;
    /** Highlights the dimming (day/night) button as active. */
    dimmingButtonActivated?: boolean;
    /** Highlights the apps button as active. */
    appsButtonActivated?: boolean;
    /** Highlights the left more button as active. */
    leftMoreButtonActivated?: boolean;
    /** Highlights the user/profile button as active. */
    userButtonActivated?: boolean;
    /** Disables the user/profile button. */
    userButtonDisabled?: boolean;
    /** Increases the height of the top bar for larger touch targets. */
    tall?: boolean;
    /** Expands the menu button for wide-rail layouts. */
    wideMenuButton?: boolean;
    /** Shows or hides the apps button. */
    showAppsButton?: boolean;
    /** Shows or hides the dimming (day/night) button. */
    showDimmingButton?: boolean;
    /** Shows or hides the user/profile button. */
    showUserButton?: boolean;
    /** Shows or hides the clock. */
    showClock?: boolean;
    /** Shows or hides the date in the clock display. */
    showDate?: boolean;
    /** Shows or hides the app icon slot. */
    showAppIcon?: boolean;
    /** Disables interaction and visually de-emphasizes the bar. */
    inactive?: boolean;
    /** Controls the breakpoint (in px) for showing/hiding the apps button. */
    appButtonBreakpointPx?: number;
    /** Controls the breakpoint (in px) for showing/hiding the dimming button. */
    dimmingButtonBreakpointPx?: number;
    /** Controls the breakpoint (in px) for showing/hiding the app title. */
    appTitleBreakpointPx?: number;
    /** Controls the breakpoint (in px) for showing/hiding the user button. */
    userButtonBreakpointPx?: number;
    /** Controls the breakpoint (in px) for showing/hiding the app icon. */
    appIconBreakpointPx?: number;
    /** Enables settings mode, displaying close, back buttons, breadcrumbs, and app title. */
    settings?: boolean;
    /** Array of breadcrumb items for navigation (used in settings mode). */
    breadcrumbItems?: BreadcrumbItem[];
}
export interface Events {
    onMenuButtonClicked?: (event: CustomEvent<unknown>) => void;
    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
    onAppsButtonClicked?: (event: CustomEvent<unknown>) => void;
    onLeftMoreButtonClicked?: (event: CustomEvent<unknown>) => void;
    onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
    onClose?: (event: CustomEvent<unknown>) => void;
    onBack?: (event: CustomEvent<unknown>) => void;
    onEmergencyBrightnessStart?: (event: CustomEvent<unknown>) => void;
    onEmergencyBrightnessStop?: (event: CustomEvent<unknown>) => void;
    onBreadcrumbClick?: (event: BreadcrumbClickEvent) => void;
}
export interface Slots {
    appIcon?: Snippet;
    commandButton?: Snippet;
    alerts?: Snippet;
    clock?: Snippet;
}
type $$ComponentProps = Props & Events & Slots;
declare const ObcTopBar: import("svelte").Component<$$ComponentProps, {
    BreadcrumbClickEvent: typeof BreadcrumbClickEvent;
    BreadcrumbItem: typeof BreadcrumbItem;
    ObcTopBarMenuButtonIcon: typeof ObcTopBarMenuButtonIcon;
}, "">;
type ObcTopBar = ReturnType<typeof ObcTopBar>;
export default ObcTopBar;