import {Tab,Tabs} from "@mui/material";
export const INSPECTOR_TABS=[{id:"controls",label:"控件属性"},{id:"actions",label:"专属 API"},{id:"observer",label:"内核观察器"},{id:"performance",label:"性能监测"},{id:"performance_capture",label:"Performance Capture"},{id:"render_plan",label:"Render DAG"}] as const;
export function Inspector_Tabs({active_tab,on_change}:{active_tab:string;on_change:(tab:string)=>void}) {return <Tabs value={active_tab} onChange={(_,value:string)=>on_change(value)} variant="scrollable" scrollButtons="auto">{INSPECTOR_TABS.map(tab=><Tab key={tab.id} value={tab.id} label={tab.label}/>)}</Tabs>;}
