import React from "react";
interface TabBarItem {
    href: string;
    label: string;
    icon: React.ReactNode;
}
interface TabBarProps {
    items: TabBarItem[];
    className?: string;
}
/**
 * TabBar component - iOS 26 style floating bottom navigation
 *
 * Provides fixed bottom navigation for mobile screens with:
 * - Floating pill-shaped design inspired by iOS 26 "Liquid Glass"
 * - Translucent glass effect with backdrop blur
 * - Fixed positioning centered at bottom of viewport
 * - Subtle shadow for depth and floating appearance
 * - Animated sliding indicator between tabs
 *
 * Navigation uses NavLink for lateral navigation
 * Each item displays icon with optional label
 * Active items show accent color with animated indicator
 * Inactive items show subtle color
 *
 * Icons should be provided as React components (e.g., from lucide-react)
 * and are automatically sized to 24x24 (size-6)
 */
export declare const TabBar: React.FC<TabBarProps>;
export {};
//# sourceMappingURL=tab-bar.d.ts.map