function MainComponent({ userInfo }) { const { name, characterName, alias, race, profession, skills } = userInfo; const totalAttack = alias.attack + race.attack; const totalDefense = alias.defense + race.defense; const totalSpeed = alias.speed + race.speed; const totalHp = alias.hp + race.hp; return /*#__PURE__*/ React.createElement("div", { className: "max-w-[400px] p-4 mx-auto bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text font-bold mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, characterName), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-crimson-text text-gray-600", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "異名: ", alias.name)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "基本情報"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "名前: ", name), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "種族: ", race.name), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "職業: ", profession)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "攻撃力: ", totalAttack), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "防御力: ", totalDefense), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "すばやさ: ", totalSpeed), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "HP: ", totalHp)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text font-bold", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "スキル"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside font-crimson-text", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, skills.map((skill, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, skill))))); } function StoryComponent() { const sampleUserInfo = { name: "太郎", characterName: "闇の勇者", alias: { name: "空の影", attack: 1, defense: 1, speed: 3, hp: 3 }, race: { name: "人間", attack: 1, defense: 2, speed: 2, hp: 3 }, profession: "剣士", skills: [ "探索スキル", "釣りスキル", "料理スキル" ] }; const sampleUserInfo2 = { name: "花子", characterName: "氷の魔法使い", alias: { name: "氷炎の舞踏者", attack: 3, defense: 1, speed: 2, hp: 2 }, race: { name: "フェニックス", attack: 3, defense: 1, speed: 1, hp: 3 }, profession: "呪文使い", skills: [ "水源発見スキル", "基本医療スキル", "罠設置スキル" ] }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { userInfo: sampleUserInfo, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { userInfo: sampleUserInfo2, __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this })); }

闇の勇者

異名: 空の影

基本情報

ステータス

スキル

氷の魔法使い

異名: 氷炎の舞踏者

基本情報

ステータス

スキル