function MainComponent({ logoSrc, logoAlt }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] p-4 flex justify-between items-center border-2 border-[#ff0000] sm:flex-wrap", "data-id": "1", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", "data-id": "2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { alt: logoAlt, className: "h-[40px] w-[40px] mr-4 sm:h-[32px] sm:w-[32px] md:h-[48px] md:w-[48px] lg:h-[64px] lg:w-[64px]", src: logoSrc, width: "40", height: "40", "data-id": "3", style: { aspectRatio: '1', objectFit: 'cover' }, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-bold text-xl mr-4 shadow-md sm:text-lg md:text-2xl lg:text-3xl", "data-id": "4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "DuckDuckGo")), /*#__PURE__*/ React.createElement("div", { className: "flex w-64 items-center bg-[#333333] rounded-full px-4 py-2 border-2 border-[#ff0000] mt-4 sm:mt-0 sm:ml-4", "data-id": "5", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-grow bg-transparent border-none w-full focus:outline-none h-10 rounded-full px-3 py-2 text-sm text-[#ff8c00] focus:text-[#ff0000] sm:h-8 sm:px-2", placeholder: "DuckDuckGo Private Search", type: "text", name: "search", "aria-label": "Search", "data-id": "6", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { "aria-label": "Send search", type: "submit", className: "flex items-center justify-center ml-2 sm:ml-1", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-paper-plane text-gray-500 hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { "aria-label": "Clear search", type: "button", className: "flex items-center justify-center ml-2 sm:ml-1", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-times text-gray-500 hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this })))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { id: "v0-container", className: "transition-opacity duration-150 opacity-100", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { logoSrc: "https://ucarecdn.com/d7146bcf-ec61-4d9e-9dd3-2cbcd29bbf3e/", logoAlt: "DuckDuckGo logo", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); }