function MainComponent() { const dimensions = [ { category: '個人特性', name: 'イニシアティブ', score: 3 }, { category: '個人特性', name: 'バイタリティ', score: 4 }, { category: '個人特性', name: 'ストレス耐性', score: 2 }, { category: '個人特性', name: '自主独立性', score: 4 }, { category: '対人関係能力', name: '影響力', score: 3 }, { category: '対人関係能力', name: '説得力', score: 4 }, { category: '対人関係能力', name: '柔軟性', score: 2 }, { category: '対人関係能力', name: '感受性', score: 3 }, { category: '意思疎通能力', name: '理解力', score: 3 }, { category: '意思疎通能力', name: '表現力', score: 4 }, { category: '意思決定能力', name: '分析力', score: 2 }, { category: '意思決定能力', name: '創造力', score: 3 }, { category: '意思決定能力', name: '判断力', score: 3 }, { category: '意思決定能力', name: '決断力', score: 4 }, { category: '業務遂行能力', name: '計画・組織力', score: 3 }, { category: '業務遂行能力', name: '人材活用力', score: 4 }, { category: '業務遂行能力', name: 'コントロール', score: 3 } ]; const renderDimenstionBars = dimensions.map((dimension)=>/*#__PURE__*/ React.createElement("div", { key: dimension.name, className: "flex items-center my-2", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-[150px]", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, dimension.name), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 h-4 mx-4 rounded relative", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { left: `${(dimension.score - 1) * 25}%` }, className: `absolute bg-${dimension.score >= 4 ? 'green' : dimension.score <= 2 ? 'red' : 'blue'}-500 h-4 w-[24%] rounded`, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this })))); const categorizedDimensions = dimensions.reduce((acc, curr)=>{ const { category, ...rest } = curr; if (!acc[category]) { acc[category] = []; } acc[category].push(rest); return acc; }, {}); const renderCategories = Object.entries(categorizedDimensions).map(([category, dims])=>/*#__PURE__*/ React.createElement("div", { key: category, className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-[#333]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, category), dims.map((dimension)=>/*#__PURE__*/ React.createElement("div", { key: dimension.name, className: "flex items-center my-2", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-[150px]", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, dimension.name), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 h-4 mx-4 rounded relative", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { left: `${(dimension.score - 1) * 25}%` }, className: `absolute bg-${dimension.score >= 4 ? 'green' : dimension.score <= 2 ? 'red' : 'blue'}-500 h-4 w-[24%] rounded`, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })))))); return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white min-h-screen", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, "人材アセスメントレポート"), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "ディメンションスコア"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, renderCategories)), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "強み"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-green-500 flex items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle mr-2", __source: { fileName: "", lineNumber: 72, columnNumber: 60 }, __self: this }), "コミュニケーション能力"), /*#__PURE__*/ React.createElement("li", { className: "text-green-500 flex items-center", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle mr-2", __source: { fileName: "", lineNumber: 73, columnNumber: 60 }, __self: this }), "問題解決"), /*#__PURE__*/ React.createElement("li", { className: "text-green-500 flex items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle mr-2", __source: { fileName: "", lineNumber: 74, columnNumber: 60 }, __self: this }), "チームワーク"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "弱み"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-red-500 flex items-center", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-times-circle mr-2", __source: { fileName: "", lineNumber: 81, columnNumber: 58 }, __self: this }), "時間管理"), /*#__PURE__*/ React.createElement("li", { className: "text-red-500 flex items-center", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-times-circle mr-2", __source: { fileName: "", lineNumber: 82, columnNumber: 58 }, __self: this }), "ストレス耐性"), /*#__PURE__*/ React.createElement("li", { className: "text-red-500 flex items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-times-circle mr-2", __source: { fileName: "", lineNumber: 83, columnNumber: 58 }, __self: this }), "決断力")))); }