function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-col max-w-md mx-auto bg-blue-900 rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-96", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/placeholder.svg", alt: "Anime character illustration", className: "absolute inset-0 object-cover w-full h-full", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 flex items-center justify-between w-full p-4 bg-pink-500 bg-opacity-50", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-6 h-6", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "m12 19-7-7 7-7", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M19 12H5", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-6 h-6 text-white", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("polyline", { points: "18 8 22 12 18 16", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("polyline", { points: "6 8 2 12 6 16", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("line", { x1: "2", x2: "22", y1: "12", y2: "12", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full p-4 space-y-4 bg-pink-500 bg-opacity-50", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-end space-x-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "aspect-square h-full w-full", src: "/placeholder-user.jpg", alt: "User avatar 1", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-pink-400 text-white rounded-lg font-sans", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "ねえ聞いて！")), /*#__PURE__*/ React.createElement("div", { className: "flex items-end space-x-2", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "aspect-square h-full w-full", src: "/placeholder-user.jpg", alt: "User avatar 2", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-pink-400 text-white rounded-lg font-sans", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "今回テスト高得点とれたかも！")), /*#__PURE__*/ React.createElement("div", { className: "flex items-end space-x-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "aspect-square h-full w-full", src: "/placeholder-user.jpg", alt: "User avatar 3", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white rounded-lg font-sans", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "ホントに！？")), /*#__PURE__*/ React.createElement("div", { className: "flex items-end space-x-2", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "aspect-square h-full w-full", src: "/placeholder-user.jpg", alt: "User avatar 4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white rounded-lg font-sans", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "頑張ってたもんね。私も嬉しい！"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-4 bg-pink-500", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-6 h-6", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "13", r: "3", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("input", { placeholder: "メッセージを入力...", className: "flex-1 px-4 py-2 mx-2 text-white bg-transparent border-none focus:outline-none", type: "text", name: "message", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-6 h-6", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M8 14s1.5 2 4 2 4-2 4-2", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("line", { x1: "9", x2: "9.01", y1: "9", y2: "9", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("line", { x1: "15", x2: "15.01", y1: "9", y2: "9", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-6 h-6", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "m22 2-7 20-4-9-9-4Z", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M22 2 11 13", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }))))); }