import { jsx as _jsx } from "react/jsx-runtime";
import TabGroup from './TabGroup';
const VIEW_DEFINITIONS = [
    { id: 'chat', label: 'Chat' },
    { id: 'mcp-tools', label: 'Tools' },
    { id: 'prompts', label: 'Prompts' }
];
export const ViewTabs = ({ activeView, onSelectView, className }) => {
    return (_jsx(TabGroup, { tabs: VIEW_DEFINITIONS, activeTab: activeView, onTabChange: onSelectView, variant: 'pill', className: className, ariaLabel: 'Playground views' }));
};
export default ViewTabs;
