import { default as React } from 'react';
import { default as IAppHeaderProps } from './IAppHeaderProps';
/**
 * AppHeader component renders a configurable header bar for app sections.
 * It supports a title (as text or combobox dropdown), breadcrumb navigation,
 * styled icon, inline tags, badge, action buttons, and a plugins toggle.
 *
 * On mobile viewports (below 768px), the styled icon, tags, and badge are hidden and the `actions` slot
 * collapses automatically into an ellipsis popover, keeping all actions reachable.
 *
 * @component
 *
 * @param props {@link IAppHeaderProps} - The component props
 *
 * @example
 * // Basic usage
 * <AppHeader title="Dashboard" />
 *
 * @example
 * // With icon and subtitle
 * <AppHeader
 *   title="Orders"
 *   subtitle="Manage your orders"
 *   icon={{ icon: "ShoppingCart", variant: "primary" }}
 * />
 *
 * @example
 * // With combobox title
 * <AppHeader
 *   title="Shop A"
 *   titleOptions={[{ label: "Shop A", value: "a" }, { label: "Shop B", value: "b" }]}
 *   onTitleChange={(value) => console.log(value)}
 * />
 *
 * @returns {JSX.Element} AppHeader component
 */
declare const AppHeader: React.FC<IAppHeaderProps>;
export default AppHeader;
