import * as React from "react";
/**
 * Interface for individual tab items
 */
export interface TabItem {
    /** Unique identifier for the tab */
    id: string;
    /** Display text for the tab */
    label: string;
    /** Optional content to render when the tab is active */
    content?: React.ReactNode;
}
/**
 * Props for the Tabs component
 */
export interface TabsProps {
    /** Function called when a tab is selected */
    onChange: (id: string) => void;
    /** The currently selected tab id */
    selectedId: string;
    /** Array of tab items with labels and optional content */
    items: TabItem[];
}
/**
 * Tabs component that organizes content across multiple screens or datasets.
 *
 * @example
 * ```tsx
 * const items = [
 *   {
 *     id: "1",
 *     label: "Data Table",
 *     content: <Table dataSource={data} columns={columns} />
 *   },
 *   {
 *     id: "2",
 *     label: "Information",
 *     content: <Card>Content here</Card>
 *   }
 * ];
 *
 * <Tabs
 *   items={items}
 *   onChange={setSelectedId}
 *   selectedId={selectedId}
 * />
 * ```
 */
declare const Tabs: ({ items, onChange, selectedId }: TabsProps) => import("react/jsx-runtime").JSX.Element;
export default Tabs;