import{j as e}from"./jsx-runtime-C5WNSv3b.js";import{I as t}from"./misc-W4055b-0.js";import{S as x}from"./tooltip-Tlsyx2YO.js";import{a as n,P as f}from"./set-playground-BSGwH9dH.js";function p({playgroundAppName:s,problemAppName:i,isUpToDate:r,allApps:a,children:d}){const o=s===i,c=o&&r?e.jsx(t,{size:"xl",name:"Linked"}):e.jsx(t,{size:"xl",name:"Unlinked",className:"text-foreground-destructive animate-pulse"});let l="Click to reset Playground.";return r||(l="Playground is out of date. Click to reset Playground."),o||(l="Playground is not set to the right app. Click to set Playground."),e.jsxs("div",{className:"flex h-full w-full flex-col justify-between",children:[e.jsxs("div",{className:"flex h-14 shrink-0 items-center justify-start gap-2 border-b px-3",children:[e.jsx("div",{className:"display-alt-up",children:i?e.jsx(n,{appName:i,tooltipText:l,children:c}):e.jsx(x,{content:"No problem app available for this step",children:e.jsx("div",{children:e.jsx(t,{name:"Question"})})})}),e.jsx("div",{className:"display-alt-down",children:s?e.jsx(n,{appName:s,reset:!0,tooltipText:"Reset Playground",children:e.jsx("div",{className:"flex h-7 w-7 items-center justify-center",children:e.jsx(t,{name:"Refresh"})})}):e.jsx("div",{className:"h-7 w-7"})}),e.jsx(f,{allApps:a,playgroundAppName:s})]}),e.jsx("div",{className:"flex min-h-0 flex-1 grow items-stretch justify-center overflow-hidden",children:d})]})}export{p as P};
//# sourceMappingURL=playground-window-x2mQ5o1O.js.map
