function MainComponent({ placeholder, options, floorOptions }) { return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-4 p-5 bg-white rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-[#F6F6F6] rounded-full px-3 py-2", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "bg-transparent w-full outline-none", placeholder: placeholder, __source: { fileName: "", lineNumber: 5, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 6, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", __source: { fileName: "", lineNumber: 6, columnNumber: 49 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-[#F6F6F6] rounded-full px-4 py-2", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "bg-transparent w-full outline-none appearance-none", defaultValue: "", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, options.map((option, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: option.value, __source: { fileName: "", lineNumber: 11, columnNumber: 25 }, __self: this }, option.label))), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-down", __source: { fileName: "", lineNumber: 14, columnNumber: 49 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-[#F6F6F6] rounded-full px-4 py-2", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "bg-transparent w-full outline-none appearance-none", defaultValue: "", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, floorOptions.map((option, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: option.value, __source: { fileName: "", lineNumber: 19, columnNumber: 25 }, __self: this }, option.label))), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-down", __source: { fileName: "", lineNumber: 22, columnNumber: 49 }, __self: this })))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "m-8", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { placeholder: "Найти магазин", options: [ { label: "Выберите категорию", value: "" }, { label: "Техника", value: "tech" }, { label: "Одежда", value: "clothes" } ], floorOptions: [ { label: "Этаж", value: "" }, { label: "1", value: "1" }, { label: "2", value: "2" } ], __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })); }