import { jsx as _jsx } from "react/jsx-runtime";
import TabGroup from './TabGroup';
const TABS = [
    { id: 'chat', label: 'Chat Settings' },
    { id: 'models', label: 'Language Models' },
    { id: 'servers', label: 'MCP Servers' },
    { id: 'system', label: 'System' }
];
export const Tabs = ({ activeTab, onTabChange }) => {
    return (_jsx("div", { children: _jsx(TabGroup, { tabs: TABS, activeTab: activeTab, onTabChange: onTabChange, variant: 'pill', ariaLabel: 'Settings tabs' }) }));
};
