function MainComponent() { const [selectedProduct, setSelectedProduct] = React.useState(''); const handleSelectChange = (event)=>{ setSelectedProduct(event.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#0000ff] p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-[#ffffff] mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Sell Your Old Items"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "product-select", className: "block text-[#ffffff] text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Choose a product to sell:"), /*#__PURE__*/ React.createElement("select", { id: "product-select", name: "product", value: selectedProduct, onChange: handleSelectChange, className: "block w-full px-3 py-2 border border-[#ffffff] placeholder-[#aecbfa] text-[#ffffff] bg-[#0000cc] rounded-md focus:ring-[#3b82f6] focus:border-[#3b82f6]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Select a product..."), /*#__PURE__*/ React.createElement("option", { value: "books", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Books"), /*#__PURE__*/ React.createElement("option", { value: "electronics", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Electronics"), /*#__PURE__*/ React.createElement("option", { value: "furniture", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Furniture"), /*#__PURE__*/ React.createElement("option", { value: "clothing", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Clothing"), /*#__PURE__*/ React.createElement("option", { value: "toys", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Toys"), /*#__PURE__*/ React.createElement("option", { value: "cars", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Cars")))); }