/** * @usevyre/react — Tabs * * AI CONTEXT: * ┌─────────────────────────────────────────────────────────┐ * │ Components: Tabs + TabList + Tab + TabPanels + TabPanel │ * │ Import: import { Tabs, TabList, Tab, │ * │ TabPanels, TabPanel } from "@usevyre/react" │ * │ │ * │ Tabs props: │ * │ defaultValue = string (uncontrolled) │ * │ value = string (controlled) │ * │ onChange = (value: string) => void │ * │ │ * │ Tab props: │ * │ value = string (required, unique) │ * │ disabled = boolean │ * │ │ * │ TabPanel props: │ * │ value = string (required, matches Tab value) │ * └─────────────────────────────────────────────────────────┘ * * @example * * * Overview * Tokens * Usage * * *

Overview content

*

Token reference

*
*
*/ import React from "react"; import type { BaseProps } from "../../types"; export interface TabsProps extends BaseProps { defaultValue?: string; value?: string; onChange?: (value: string) => void; children?: React.ReactNode; } export declare const Tabs: React.ForwardRefExoticComponent>; export interface TabListProps extends BaseProps { children?: React.ReactNode; "aria-label"?: string; } export declare const TabList: React.ForwardRefExoticComponent>; export interface TabProps extends BaseProps { value: string; disabled?: boolean; children?: React.ReactNode; } export declare const Tab: React.ForwardRefExoticComponent>; export interface TabPanelsProps extends BaseProps { children?: React.ReactNode; } export declare const TabPanels: React.ForwardRefExoticComponent>; export interface TabPanelProps extends BaseProps { value: string; children?: React.ReactNode; } export declare const TabPanel: React.ForwardRefExoticComponent>;