🧩 FeaturePanel / FeaturePanelGrid コンポーネント
色付きの大型パネルを並べるコンポーネント。auto-fit minmax グリッドにより、
幅が広いときは横並び・狭いときは自動で縦積みに切り替わります。
▼ 実際の表示（ウィンドウ幅を変えると切り替わります）
▼ 色バリエーション（画像なし）
▼ 使い方
---
import FeaturePanelGrid from '../components/FeaturePanelGrid.astro';
import FeaturePanel from '../components/FeaturePanel.astro';
import catImage from '../characters/milk-cat/main.jpg';
---
<FeaturePanelGrid>
<FeaturePanel
title="キャラクターを知る"
description="説明文"
buttonLabel="キャラクター一覧"
buttonHref="/chmames/characters/"
bgColor="#5b8fa8"
image={catImage}
imageAlt="牛乳猫"
/>
<FeaturePanel ... />
</FeaturePanelGrid>| Prop | 型 | 必須 | デフォルト |
|---|---|---|---|
| title | string | ✅ | — |
| description | string | — | — |
| buttonLabel | string | — | —（ボタン非表示） |
| buttonHref | string | — | "#" |
| bgColor | string (CSS色) | — | "#4fa8a8" |
| textColor | string (CSS色) | — | "#ffffff" |
| image | ImageMetadata | — | —（画像なし） |
| imageAlt | string | — | "" |