/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f7f8fc]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#4caf50] p-4 text-white text-center", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-quattrocento text-4xl", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Point of Sale (POS) System")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-2 bg-white shadow-md p-4 rounded-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-xl mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Product List"), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto h-[400px]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-xl mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Cart"), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto h-[300px]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between font-questrial text-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Total:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "$0.00")), /*#__PURE__*/ React.createElement("button", { className: "w-full mt-6 bg-[#4caf50] hover:bg-[#43a047] text-white py-2 rounded shadow", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Checkout")))))), /*#__PURE__*/ React.createElement("section", { className: "border-t-2 border-[#4caf50] p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px]", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-xl mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Barcode Scanner"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "barcode", placeholder: "Scan barcode", className: "w-full p-2 border-2 border-[#dcdfe6] rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#4caf50] p-4 text-center", __source: { fileName: "", lineNumber: 49, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 rounded font-questrial bg-[#66bb6a] hover:bg-[#5ca961]", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "Sales History"), /*#__PURE__*/ React.createElement("button", { className: "py-2 rounded font-questrial bg-[#66bb6a] hover:bg-[#5ca961]", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Manage Inventory"))));