import * as React from 'react';
import * as TabsPrimitive from '@radix-ui/react-tabs';
/**
 * Intra-page navigation tabs (section switcher).
 *
 * @description
 * Segments large content areas into mutually exclusive clickable categories,
 * rendering each panel in-place without a URL reload.
 *
 * @ai-rules
 * 1. Compose strictly: `Tabs > TabsList > TabsTrigger` with panels in matching `TabsContent`.
 * 2. In long forms split by tabs, ensure inactive inputs retain values by correctly registering them with React Hook Form.
 * 3. NEVER simulate tabs with raw buttons + `useState` — use this Radix base for proper keyboard navigation (left/right arrows).
 */
declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
export { Tabs, TabsList, TabsTrigger, TabsContent };