Answerコンポーネントを作成(一行空ければ、中にMarkdownを書くことも可能) resolved #19

docs/python/expressions/index.mdx

@@ -3,6 +3,7 @@ sidebar_position: 3
 ---
 
 import ViewSource from "@site/src/components/ViewSource/ViewSource";
+import Answer from "@site/src/components/Answer";
 
 # 式と演算子
 
@@ -43,7 +44,6 @@ Python では様々な計算ができます。
 
 球の体積（ $\frac{4}{3}\pi r^3$ ）を求めてみましょう。$\pi=3.14, r=2$ とします。
 
-<details>
-  <summary>解答</summary>
+<Answer>
   <ViewSource path="_samples/cube.ipynb" />
-</details>
+</Answer>

docs/python/get-started/index.mdx

@@ -3,6 +3,7 @@ sidebar_position: 2
 ---
 
 import ViewSource from "@site/src/components/ViewSource/ViewSource";
+import Answer from "@site/src/components/Answer";
 
 # はじめての Python
 
@@ -22,10 +23,9 @@ import ViewSource from "@site/src/components/ViewSource/ViewSource";
 
 `Hello from Python!` と出力するようなプログラムを書いてみましょう。
 
-<details>
-  <summary>解答</summary>
+<Answer>
   <ViewSource path="_samples/hello-from-python.ipynb" />
-</details>
+</Answer>
 
 ## コメント
 

docs/python/variables/index.mdx

@@ -3,6 +3,7 @@ sidebar_position: 4
 ---
 
 import ViewSource from "@site/src/components/ViewSource/ViewSource";
+import Answer from "@site/src/components/Answer";
 
 # 変数
 
@@ -35,7 +36,6 @@ Python では定数は使えないようです。慣習的に定数は大文字
 
 [式と演算子の項](/docs/python/expressions/#問題)の問題を変数を使って解いてみましょう。
 
-<details>
-  <summary>解答</summary>
+<Answer>
   <ViewSource path="_samples/cube.ipynb" />
-</details>
+</Answer>

src/components/Answer.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import Details from "@theme/Details";
+
+/**
+ * 解答を書くための、コンポーネント
+ */
+export default function Answer({ children }) {
+  return <Details summary={<summary>解答</summary>}>{children}</Details>;
+}