function NewComponent({ label, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-gray-300 text-black px-8 py-2 rounded-full flex items-center", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, label), /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone ml-2", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })); } function NewComponentStory() { const handleClick = ()=>{ console.log("Button clicked"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { label: "SPEAK NOW", onClick: handleClick, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const totalAmount = 3200; const items = Array.from({ length: 8 }).fill({ name: "Item", price: 400 }); return /*#__PURE__*/ React.createElement("div", { className: "bg-black h-full w-full text-white p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#141414] text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "9:41"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1 text-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#141414]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-signal", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-[#141414]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wifi", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-[#141414]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-battery-three-quarters", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-blue-600 text-center py-2 rounded-lg text-2xl font-semibold w-[200px] mx-auto", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "COUNTER"), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#737373]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Total Amount"), /*#__PURE__*/ React.createElement("div", { className: "text-4xl mt-1", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "₹", totalAmount)), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { label: "SPEAK NOW", onClick: ()=>console.log("Button clicked"), __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, items.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between text-lg py-1 border-b border-gray-700", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, item.name, " ", index + 1), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "₹", item.price)))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-between", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-700 w-[100px] py-2 rounded text-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "CLEAR"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-700 w-[100px] py-2 rounded text-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "SAVE")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-center", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-700 w-[300px] py-2 rounded text-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "+ Print Receipt")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-between", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-blue-700", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-receipt text-2xl", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "RECEIPTS")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-blue-700", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cash-register text-2xl", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "COUNTER"), /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-red-600 text-center text-white rounded-full", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "8")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-blue-700", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-box text-2xl", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "ITEMS")))); }