function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#1a1c1d]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#202124] shadow-xl py-4 px-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl text-[#f8f9fa]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Touch POS System")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6 overflow-auto", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row gap-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#2c2f33] p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#f8f9fa] mb-3", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Barcode Scanner"), /*#__PURE__*/ React.createElement("div", { className: "flex border border-[#f8f9fa] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "barcodeInput", placeholder: "Scan Barcode Here", className: "flex-1 p-2 font-roboto text-[#333]", autoFocus: true, __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-6 bg-[#007bff] text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Scan")), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#f8f9fa] mb-3", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "Order Details"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#2c2f33] p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#f8f9fa] mb-3", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Customer Details"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerName", placeholder: "Enter Customer Name", className: "mb-4 p-2 border border-[#f8f9fa] rounded text-[#333]", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerContact", placeholder: "Enter Customer Contact", className: "mb-4 p-2 border border-[#f8f9fa] rounded text-[#333]", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#f8f9fa] mb-3", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Inventory"))))), /*#__PURE__*/ React.createElement("aside", { className: "bg-[#1a1c1d] text-[#f8f9fa] p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2c2f33] p-4 shadow-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-3", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Reports & Analytics"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#202124] text-[#f8f9fa] py-3 px-6 text-center text-sm", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, "© 2023 Touch POS Corp. All rights reserved.")); }