import * as React from 'react';

/**
 * @startingPoint section="Navigation" subtitle="Mobile bottom tab bar, 4 items" viewport="700x80"
 * Mobile-only bottom nav. Note: source labels are English ("Shop", "Search", "Orders",
 * "Support") while every other string on the page is German -- preserved as-is, not a typo.
 */
export interface BottomTabBarItem { icon: string; label: string; }
export interface BottomTabBarProps {
  items: BottomTabBarItem[];
  activeIndex?: number;
  onSelect?: (index: number) => void;
}
export function BottomTabBar(props: BottomTabBarProps): JSX.Element;