function MainComponent({ transcript, isLive }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, isLive ? "Live Transcription" : "Transcription"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded p-4 w-full h-[300px] overflow-y-auto", style: { border: isLive ? "2px solid #4ade80" : "2px solid #e5e7eb" }, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, transcript || "No transcription available."))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-xs mx-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "Component Previews"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Live Transcription"), /*#__PURE__*/ React.createElement(MainComponent, { transcript: "Hello, this is a live transcription of the ongoing call. Thank you for using our service.", isLive: true, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Transcription Preview"), /*#__PURE__*/ React.createElement(MainComponent, { transcript: "This is a saved transcription of a previous call. You can review the conversation here.", isLive: false, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }))); }