function MainComponent() { const [formData, setFormData] = React.useState({ longTermDebt: 0, shortTermDebt: 0, interestPaid: 0, sharesOutstanding: 0, stockPrice: 0, equity: 0 }); const [results, setResults] = React.useState({ WACC: 0, equityCost: 0, debtCost: 0, equityRatio: 0, debtRatio: 0 }); const handleInputChange = (event)=>{ setFormData((prev)=>({ ...prev, [event.target.name]: parseFloat(event.target.value) })); }; const calculateWACC = ()=>{ const { longTermDebt, shortTermDebt, interestPaid, sharesOutstanding, stockPrice, equity } = formData; const marketRiskPremium = 0.06; // Example value const riskFreeRate = 0.02; // Example government bond yield const beta = 1.2; // Example beta value from similar industry const annualInterest = interestPaid * 4; const totalDebt = longTermDebt + shortTermDebt; const equityValue = sharesOutstanding * stockPrice; const debtCost = annualInterest / totalDebt; const equityCost = riskFreeRate + beta * marketRiskPremium; const totalCapital = equityValue + totalDebt; const equityRatio = equity / totalCapital; const debtRatio = 1 - equityRatio; const taxRate = 0.3; // Example corporate tax rate const WACC = equityCost * equityRatio + debtCost * debtRatio * (1 - taxRate); setResults({ WACC, equityCost, debtCost, equityRatio, debtRatio }); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] mx-auto p-8 bg-[#f9f9f9] shadow-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "WACC 計算アプリ"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onChange: handleInputChange, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "longTermDebt", className: "block font-medium", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "長期無利子負債残高"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "longTermDebt", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "shortTermDebt", className: "block font-medium", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "短期借入金残高"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "shortTermDebt", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "interestPaid", className: "block font-medium", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "支払利息(四半期累計額)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "interestPaid", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "sharesOutstanding", className: "block font-medium", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "発行済株式数"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "sharesOutstanding", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "stockPrice", className: "block font-medium", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "株価"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "stockPrice", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "equity", className: "block font-medium", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "自己資本(純資産)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "equity", className: "mt-1 p-2 w-full border", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "mt-4 p-3 bg-blue-500 text-white rounded w-full", onClick: calculateWACC, __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "計算する")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "計算結果"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-white border rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "WACC: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 86, columnNumber: 20 }, __self: this }, results.WACC.toFixed(4))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "自己資本コスト: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 87, columnNumber: 23 }, __self: this }, results.equityCost.toFixed(4))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "負債コスト: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, results.debtCost.toFixed(4))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "自己資本比率: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 89, columnNumber: 22 }, __self: this }, results.equityRatio.toFixed(4))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "負債比率: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 90, columnNumber: 20 }, __self: this }, results.debtRatio.toFixed(4)))))); }