function MainComponent() { const colorOptions = [ { id: 'color-red', value: '1', label: 'Red' }, { id: 'color-pink', value: '2', label: 'Pink' }, { id: 'color-green', value: '3', label: 'Green' }, { id: 'color-orange', value: '4', label: 'Orange' }, { id: 'color-white', value: '5', label: 'White' }, { id: 'color-blue', value: '6', label: 'Blue' }, { id: 'color-purple', value: '7', label: 'Purple' }, { id: 'color-yellow', value: '8', label: 'Yellow' } ]; const seasonOptions = [ { id: 'season-spring', value: '1', label: 'Spring' }, { id: 'season-summer', value: '2', label: 'Summer' }, { id: 'season-autumn', value: '3', label: 'Autumn' }, { id: 'season-winter', value: '4', label: 'Winter' } ]; const flowers = [ { id: 1, flower_name: 'Rose' }, { id: 2, flower_name: 'Tulip' }, { id: 3, flower_name: 'Sunflower' } ]; const csrf_token = 'your_csrf_token_here'; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "Flowers"), /*#__PURE__*/ React.createElement("form", { method: "GET", action: "/flowers", className: "mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "border p-2 mb-4 w-full", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, colorOptions.map((color)=>/*#__PURE__*/ React.createElement("div", { key: color.id, className: "form-control items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: color.id, className: "label cursor-pointer", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "color", id: color.id, value: color.value, className: "radio", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, color.label))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, seasonOptions.map((season)=>/*#__PURE__*/ React.createElement("div", { key: season.id, className: "form-control items-center", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: season.id, className: "label cursor-pointer", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "season", id: season.id, value: season.value, className: "radio", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, season.label))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white py-2 px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, flowers.map((flower)=>/*#__PURE__*/ React.createElement("li", { key: flower.id, className: "flex items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/flowers/${flower.id}`, className: "text-blue-500", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, flower.flower_name), /*#__PURE__*/ React.createElement("a", { href: `/flowers/${flower.id}/edit`, className: "text-yellow-500 ml-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("form", { action: `/flowers/${flower.id}`, method: "POST", className: "inline ml-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "hidden", name: "_method", value: "DELETE", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "hidden", name: "_csrf", value: csrf_token, __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-red-500", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Delete")))))); }