import React from "react";
interface TabBarItem {
    href: string;
    label: string;
    icon: React.ReactNode;
}
interface TabBarProps {
    items: TabBarItem[];
    className?: string;
}
/**
 * TabBar component - Mobile bottom navigation
 *
 * Provides fixed bottom navigation for mobile screens with:
 * - Mobile only (md:hidden)
 * - Fixed positioning at bottom of viewport
 * - White background with top border for visual separation
 * - Height of 16 (64px) for comfortable touch targets
 *
 * Navigation uses NavLink for lateral navigation
 * Each item displays icon and label in column layout
 * Active items show accent color
 * Inactive items show gray color
 *
 * Icons should be provided as React components (e.g., from lucide-react)
 * and should be sized appropriately (h-5 w-5 recommended)
 */
export declare const TabBar: React.FC<TabBarProps>;
export {};
//# sourceMappingURL=tab-bar.d.ts.map