function FurnitureItemInputField({ name, placeholder }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: name, placeholder: placeholder, className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function FurnitureItemInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FurnitureItemInputField, { name: "itemName", placeholder: "Enter furniture item name", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FurnitureItemInputField, { name: "sofaName", placeholder: "Enter sofa name", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FurnitureItemInputField, { name: "tableName", placeholder: "Enter table name", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const [itemName, setItemName] = React.useState(''); const [results, setResults] = React.useState([]); const handleSearch = async (e)=>{ e.preventDefault(); const mockResults = [ { name: 'Item Name', bestPrice: 'EGP 4500', moreInfo: '#' } ]; setResults(mockResults); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center min-h-screen bg-gray-100 p-4 font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-center text-[#121212] my-6", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Furniture Price Comparison in Egypt"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white shadow-md rounded-lg p-6 mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleSearch, __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(FurnitureItemInputField, { name: "itemName", placeholder: "Enter furniture item name", value: itemName, onChange: (e)=>setItemName(e.target.value), __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Comparison Results"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-row items-center justify-between p-4 border-b", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg text-[#121212]", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, result.name), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-end", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#4caf50]", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Best Price: ", result.bestPrice), /*#__PURE__*/ React.createElement("a", { href: result.moreInfo, className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, "More Info"))))))); }