/**
* @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>;