import { TabList } from "./TabList"; import { TabPanel } from "./TabPanel"; export interface TabsProps extends Omit, "defaultValue" | "value" | "onChange"> { /** Default value for uncontrolled component */ defaultValue?: string | null; /** Value for controlled component */ value?: string | null; /** Called when value changes */ onChange?: (value: string | null) => void; /** Tabs orientation * @default 'horizontal' */ orientation?: "vertical" | "horizontal"; /** `Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation="vertical"` * @default 'left' */ placement?: "left" | "right"; /** Base id, used to generate ids to connect labels with controls, generated randomly by default */ id?: string; /** Determines whether arrow key presses should loop though items (first to last and last to first) * @default true */ loop?: boolean; /** Determines whether tab should be activated with arrow key press * @default true */ activateTabWithKeyboard?: boolean; /** Determines whether tab can be deactivated * @default false */ allowTabDeactivation?: boolean; /** Tabs content */ children?: React.ReactNode; /** Changes colors of `Tabs.Tab` components when variant is `pills` or `default`, does nothing for other variants * @default "primary" */ color?: "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | "neutral" | string; /** "xs","sm","md","lg" or any valid CSS value to set `border-radius` * @default 'md' */ radius?: string; /** Determines whether tabs should have inverted styles * @default false */ inverted?: boolean; /** If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active * @default true */ keepMounted?: boolean; /** * variant * @default 'default' */ variant?: "default" | "outline" | "pills"; } export declare function Tabs(props: TabsProps): import("react").JSX.Element; export declare namespace Tabs { var List: typeof TabList; var Panel: typeof TabPanel; var Tab: typeof import("./Tab").Tab; }