@wandelbots/wandelbots-js-react-components/dist/components/TabBar.d.ts

React UI toolkit for building applications on top of the Wandelbots platform

import type { SxProps } from "@mui/material";
export interface TabItem {
    /** Unique identifier for the tab */
    id: string;
    /** Label text for the tab */
    label: string;
    /** Content to display when tab is active */
    content: React.ReactNode;
    /** Optional icon component to display with the tab */
    icon?: React.ReactElement;
}
export interface TabBarProps {
    /** Array of tab items to display */
    items: TabItem[];
    /** Controlled active tab index */
    activeTab?: number;
    /** Default active tab index */
    defaultActiveTab?: number;
    /** Callback when tab changes */
    onTabChange?: (index: number) => void;
    /** Additional styling */
    sx?: SxProps;
    /** Ref to the root container element */
    ref?: React.Ref<HTMLDivElement>;
}
/**
 * A styled tab bar component with configurable tabs and content.
 * Features the same styling as the Wandelbots design system with rounded tabs
 * and smooth transitions.
 */
export declare const TabBar: ((props: TabBarProps) => import("react/jsx-runtime").JSX.Element) & {
    displayName: string;
};
//# sourceMappingURL=TabBar.d.ts.map