
"use client";
import { UniversalTabsProps } from "../../../types/dist/index.js";
import * as _$react_jsx_runtime0 from "react/jsx-runtime";

//#region src/components/client/Tabs/Tabs.d.ts
type TabsProps = UniversalTabsProps;
/**
 * **⚙️️ A composable Tabs component
 *
 * @componentType Client component
 *
 * @description
 * Tabs organize content into multiple sections and allow users to navigate between them.
 * Supports two visual variants: `primary` and `secondary`. By default, the active selection
 * indicator (underline or pill) animates between tabs with the same timing as the design reference
 * (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `reduceMotion={true}` to reduce that motion.
 *
 * @example
 * ```tsx
 * 'use client';
 * import { Tabs, TabList, Tab, TabPanel } from "@yahoo/uds";
 *
 * <Tabs variant="primary" defaultSelectedId="tab-home">
 *   <TabList aria-label="Navigation">
 *     <Tab value="tab-home">Home</Tab>
 *     <Tab value="tab-about">About</Tab>
 *   </TabList>
 *   <TabPanel tabId="tab-home">Home content</TabPanel>
 *   <TabPanel tabId="tab-about">About content</TabPanel>
 * </Tabs>
 * ```
 **/
declare function Tabs({
  children,
  variant,
  reduceMotion,
  defaultSelectedId,
  selectedId,
  onSelectionChange
}: TabsProps): _$react_jsx_runtime0.JSX.Element;
declare namespace Tabs {
  var displayName: string;
}
//#endregion
export { Tabs, type TabsProps };