function MainComponent() { const [activeTool, setActiveTool] = React.useState("tool1"); function handleToolSelection(tool) { setActiveTool(tool); } return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-full bg-[#f4f4f4] p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleToolSelection("tool1"), className: `w-full py-2 px-4 text-white rounded ${activeTool === "tool1" ? "bg-blue-700" : "bg-blue-500"}`, __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Tool 1"))), activeTool === "tool1" && /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Upload Voice Overs (multiple)"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "voice_overs", multiple: true, className: "block w-full text-sm text-gray-900 border-gray-300 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Upload a Music Bed"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "music_bed", className: "block w-full text-sm text-gray-900 border-gray-300 rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-8 bg-green-500 text-white rounded font-semibold", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Produce Commercial"))); }