/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#F5F5F5] p-4 text-[#121212]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-4xl mb-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, "Product List"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-wrap gap-4 mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-barlow mb-2", htmlFor: "unitPrice", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Unit Price ($)"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#DDDDDD] p-2 w-full", type: "number", id: "unitPrice", name: "unitPrice", placeholder: "0.00", step: "0.01", required: true, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-barlow mb-2", htmlFor: "quantity", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Quantity"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#DDDDDD] p-2 w-full", type: "number", id: "quantity", name: "quantity", placeholder: "0", required: true, __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-barlow mb-2", htmlFor: "description", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#DDDDDD] p-2 w-full", type: "text", id: "description", name: "description", placeholder: "Enter description", required: true, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-barlow mb-2", htmlFor: "productDetails", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Product Details"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#DDDDDD] p-2 w-full", type: "text", id: "productDetails", name: "productDetails", placeholder: "Enter details", required: true, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-[#DEDEDE]", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "font-epilogue border p-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Unit Price"), /*#__PURE__*/ React.createElement("th", { className: "font-epilogue border p-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Quantity"), /*#__PURE__*/ React.createElement("th", { className: "font-epilogue border p-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Total Price"), /*#__PURE__*/ React.createElement("th", { className: "font-epilogue border p-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("th", { className: "font-epilogue border p-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Product Details"))), /*#__PURE__*/ React.createElement("tbody", { id: "productList", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }))));