function OpenAiHeader({ logoSrc, onSearchClick }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F9F9F9] flex items-center justify-between p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ee06fda3-725a-443c-9c9b-c080ed9265b5/", alt: "Company Logo", style: { height: "2px" }, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[14px]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Research"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[14px]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Products"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[14px]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Safety"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto font-normal text-[14px]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Company")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onSearchClick, className: "text-[14px]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", style: { fontSize: "20px" }, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })))); } function OpenAiHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(OpenAiHeader, { logoSrc: "/logo.png", onSearchClick: ()=>console.log("Search clicked"), __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(OpenAiHeader, { logoSrc: "/logo.png", onSearchClick: ()=>console.log("Search clicked"), __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); }