// childrenを受け取るラッパーコンポーネント
function Card({ title,  }) {
  return (
    <div className="card">
      <h2>{title}</h2>
      {/* childrenコンテンツをレンダリング */}
      {}
    </div>
  );
}

function App() {
  return (
    <div>
      {/* コンポーネントタグ間にコンテンツを配置 */}
      <Card title="ユーザー情報">
        <p>名前: 田中</p>
        <p>年齢: 30</p>
      </Card>
      
      <Card title="商品情報">
        <p>価格: ¥3,000</p>
      </Card>
    </div>
  );
}

export default App;