"use client";

import ActivityBar from "../sidebar/ActivityBar";
import ProductionFileExplorer from "../explorer/ProductionFileExplorer";
import ProductionCodeEditor from "../editor/ProductionCodeEditor";
import ProductionTerminal from "../terminal/ProductionTerminal";
import DevicePreview from "../device/DevicePreview";
import BuildCenter from "../build/BuildCenter";
import ProductionAIChat from "../chat/ProductionAIChat";
import StatusBar from "../statusbar/StatusBar";

export default function WorkspaceLayout(){

return(

<div className="flex h-screen w-screen bg-slate-950 text-white overflow-hidden">

<ActivityBar/>

<div className="w-72 border-r border-slate-800">
<ProductionFileExplorer projectId="default"/>
</div>

<div className="flex flex-1 flex-col">

<div className="flex flex-1">

<div className="flex-[2] border-r border-slate-800">
<ProductionCodeEditor/>
</div>

<div className="w-[430px] border-r border-slate-800">
<DevicePreview/>
</div>

<div className="w-[420px]">
<ProductionAIChat/>
</div>

</div>

<div className="grid h-80 grid-cols-2 border-t border-slate-800">

<div className="border-r border-slate-800">
<ProductionTerminal/>
</div>

<div>
<BuildCenter/>
</div>

</div>

<StatusBar/>

</div>

</div>

);

}