---
/**
 * Brand.astro — 品牌母题「行走穿山甲」内联 SVG（铁律 11：直接用既有矢量，不另绘）。
 * 逐字取自 design/ui_kits/website/index.html 的内联 mark。
 * variant: header（clay 实心 + 浅色鳞纹）/ footer（浅色实心 + clay 圆点）。
 */
interface Props {
  variant?: 'header' | 'footer';
  size?: number;
}
const { variant = 'header', size = 30 } = Astro.props;
---
{variant === 'header' ? (
  <svg width={size} height={size} viewBox="0 0 96 96" fill="none" aria-hidden="true">
    <g transform="translate(96,0) scale(-1,1)">
      <path d="M16 59 Q17 51 26 50 Q34 31 45 30 Q55 30 62 37 Q69 41 75 45 Q85 49 89 44 Q92 50 84 52 Q75 53 67 53 Q66 62 60 62 L56 62 Q54 55 49 55 Q47 62 37 62 L33 62 Q31 56 26 56 Q20 59 16 59 Z" fill="#B96A3D"></path>
      <g stroke="#FAF3ED" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.85">
        <path d="M26 50 Q34 43 42 50"></path>
        <path d="M36 48 Q44 41 52 48"></path>
        <path d="M46 48 Q54 41 62 49"></path>
      </g>
      <circle cx="23" cy="55" r="2.2" fill="#FAF3ED"></circle>
    </g>
  </svg>
) : (
  <svg width={size} height={size} viewBox="0 0 96 96" fill="none" aria-hidden="true">
    <g transform="translate(96,0) scale(-1,1)">
      <path d="M16 59 Q17 51 26 50 Q34 31 45 30 Q55 30 62 37 Q69 41 75 45 Q85 49 89 44 Q92 50 84 52 Q75 53 67 53 Q66 62 60 62 L56 62 Q54 55 49 55 Q47 62 37 62 L33 62 Q31 56 26 56 Q20 59 16 59 Z" fill="#F4EFE8"></path>
      <circle cx="23" cy="55" r="2.2" fill="#9E5630"></circle>
    </g>
  </svg>
)}
