function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-6 font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6 text-center text-blue-600", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "生産総合分析ダッシュボード"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "翻訳IN/OUT"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-end h-40", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, [ 80, 85, 90, 95, 75 ].map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "w-1/6 bg-blue-500", style: { height: `${value}%` }, __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "納期遵守率"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-40", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-32 h-32", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 19 }, __self: this }, "88.00%")), /*#__PURE__*/ React.createElement("svg", { className: "w-full h-full", viewBox: "0 0 36 36", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831", fill: "none", stroke: "#E0E0E0", strokeWidth: "2", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831", fill: "none", stroke: "#4299E1", strokeWidth: "2", strokeDasharray: "88, 100", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, [ 90, 92, 94, 96, 98 ].map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${value}%` }, __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, value, "%"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "会社全体の当月不良率"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-48 h-48", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 36 36", className: "w-full h-full", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831", fill: "none", stroke: "#E0E0E0", strokeWidth: "2", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831", fill: "none", stroke: "#ED8936", strokeWidth: "2", strokeDasharray: "25, 100", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831", fill: "none", stroke: "#48BB78", strokeWidth: "2", strokeDasharray: "75, 100", strokeDashoffset: "-25", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "工場の合格率推移"), /*#__PURE__*/ React.createElement("div", { className: "h-40 flex items-end space-x-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, [ 85, 90, 88, 92, 95 ].map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-1 bg-blue-400", style: { height: `${value}%` }, __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "過去7日間の不良率トレンド"), /*#__PURE__*/ React.createElement("div", { className: "h-40 flex items-end space-x-2", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, [ 5, 4, 6, 3, 5, 4, 3 ].map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-1 bg-red-400", style: { height: `${value * 10}%` }, __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "全体一次合格率及び月度での二次の一次合格率"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, "項目"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "4月"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, "5月"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this }, "6月"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, "7月"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, "8月"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2 border font-medium", __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this }, "全体一次合格率"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "95.00%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 96, columnNumber: 19 }, __self: this }, "96.00%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, "94.50%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, "95.50%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, "96.50%")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2 border font-medium", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, "二次の一次合格率"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, "98.00%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, "97.50%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, "98.50%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, "99.00%"), /*#__PURE__*/ React.createElement("td", { className: "p-2 border text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, "98.50%")))))))); }

項目	4月	5月	6月	7月	8月
全体一次合格率	95.00%	96.00%	94.50%	95.50%	96.50%
二次の一次合格率	98.00%	97.50%	98.50%	99.00%	98.50%