function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#111] flex justify-center items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-[900px] h-[700px] bg-[#222] shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex w-full bg-[#333] p-4 divide-x divide-gray-700", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col justify-between py-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-white text-xl text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Script List"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 px-4 flex-grow", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#555] mx-2 p-2 rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#555] p-2 rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "-"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-white text-xl text-center mt-4 mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Requirements")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col justify-between py-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-white text-xl text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "What does it do"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 px-4 flex-grow", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-red-500 mx-2 p-2 rounded mb-4 mt-4 self-center", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Make it beautiful"))))); }