function MainComponent({ imageUrl, text, isLoading }) { 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: 3, columnNumber: 5 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse flex space-x-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-full bg-gray-300 h-12 w-12", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 space-y-4 py-1", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-300 rounded w-3/4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-300 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-300 rounded w-5/6", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this })))) : /*#__PURE__*/ React.createElement(React.Fragment, null, imageUrl && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Uploaded image with Japanese text detected via OCR", className: "w-full h-auto rounded-t-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this })), text && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mt-4 p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, text))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { imageUrl: "/path/to/demo.jpg", text: "This is a demo text.", isLoading: false, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { isLoading: true, __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); }