function KeywordDisplay({ keyword }) { return /*#__PURE__*/ React.createElement("p", { className: "font-normal text-gray-700", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Keyword: ", keyword); } function KeywordDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(KeywordDisplay, { keyword: "Example", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent({ companyName, keyword, isKeywordPresent }) { const statusIcon = isKeywordPresent ? "✅" : "❌"; const statusColor = isKeywordPresent ? "text-green-500" : "text-red-500"; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-sm mx-auto bg-white rounded-lg border border-gray-200 shadow-md", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "mb-2 text-2xl font-semibold tracking-tight text-gray-900", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Company: ", companyName), /*#__PURE__*/ React.createElement(KeywordDisplay, { keyword: keyword, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: `font-bold ${statusColor}`, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, statusIcon, " Keyword ", isKeywordPresent ? 'Found' : 'Not Found')); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { companyName: "Tech Innovate", keyword: "Innovation", isKeywordPresent: true, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { companyName: "Eco Save", keyword: "Environment", isKeywordPresent: false, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { companyName: "Global Health", keyword: "Healthcare", isKeywordPresent: true, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); }

Company: Tech Innovate

Company: Eco Save

Company: Global Health