function MainComponent() { const [stockData, setStockData] = React.useState(null); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const stockCode = formData.get("stockCode"); const apiKey = 'YOUR_YAHOO_FINANCE_API_KEY'; const url = `https://yfapi.net/v6/finance/quote?region=US&lang=en&symbols=${stockCode}`; const response = await fetch(url, { method: 'GET', headers: { 'x-api-key': apiKey } }); const data = await response.json(); const stock = data.quoteResponse.result[0]; const stockDetails = { stockCode: stockCode, stockName: stock.displayName || stock.shortName, stockPrice: stock.regularMarketPrice, dividendYield: stock.dividendYield || "-", wacc: "4%", roic: "10%", debt: stock.totalDebt || "-", equity: stock.totalAssets - stock.totalDebt || "-", equityCost: "3%", netOperatingProfit: stock.netIncomeToCommon || "-" }; setStockData(stockDetails); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-sans mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "株式情報登録"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-sans mb-2", htmlFor: "stockCode", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "銘柄コード"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300", type: "text", id: "stockCode", name: "stockCode", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded", type: "submit", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "情報を表示")), stockData && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-gray-300", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "銘柄コード: ", stockData.stockCode), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "銘柄名: ", stockData.stockName), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "株価: ", stockData.stockPrice), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "配当利回り: ", stockData.dividendYield), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "WACC: ", stockData.wacc), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "ROIC: ", stockData.roic), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "負債: ", stockData.debt), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "自己資本: ", stockData.equity), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "自己資本コスト: ", stockData.equityCost), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-sans", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "税引後営業利益: ", stockData.netOperatingProfit))); }