// assets/CompanionDog.jsx — 부채꼴 중앙 캐릭터 = 앉은 강아지 + 곁의 고양이(시니어 "old buddy", 봇들과 같은 플랫/아웃라인 톤).
//   landings-unified.jsx 히어로 부채꼴(PoseTalk) 가운데에서 사용. width만 받고 위치/라벨은 호출부가 결정(교체=이미지만).
//   character.jsx/bots.jsx와 동일 패턴: text/babel 스크립트로 로드 → window.CompanionDog 노출.
(function () {
  var INK = (window && window.INK) || '#1f1d1a';

  function CompanionDog(props) {
    var width = (props && props.width) || 210;
    return (
      <svg width={width} viewBox="-54 0 330 260" fill="none"
        style={{ display: 'block', margin: '0 auto', overflow: 'visible' }}
        role="img" aria-label="companion dog and cat">
        {/* 바닥 그림자 */}
        <ellipse cx="120" cy="246" rx="78" ry="12" fill="rgba(0,0,0,0.12)" />
        {/* 꼬리 */}
        <path d="M186 196 q40 -6 40 -42 q-2 -16 -16 -16 q10 20 -6 34 q-14 12 -30 10 Z"
          fill="#c98f4c" stroke={INK} strokeWidth="5" strokeLinejoin="round" />
        {/* 몸통 (앉은 자세) */}
        <path d="M70 150 q50 -26 100 0 q22 40 14 76 q-64 16 -128 0 q-8 -36 14 -76 Z"
          fill="#e3a95f" stroke={INK} strokeWidth="6" strokeLinejoin="round" />
        {/* 앞발 */}
        <ellipse cx="92" cy="228" rx="18" ry="12" fill="#f0c98a" stroke={INK} strokeWidth="5" />
        <ellipse cx="148" cy="228" rx="18" ry="12" fill="#f0c98a" stroke={INK} strokeWidth="5" />
        {/* 귀 */}
        <path d="M64 74 q-24 6 -20 54 q2 22 20 26 q6 -44 22 -60 Z"
          fill="#c98f4c" stroke={INK} strokeWidth="6" strokeLinejoin="round" />
        <path d="M176 74 q24 6 20 54 q-2 22 -20 26 q-6 -44 -22 -60 Z"
          fill="#c98f4c" stroke={INK} strokeWidth="6" strokeLinejoin="round" />
        {/* 머리 */}
        <circle cx="120" cy="96" r="58" fill="#e3a95f" stroke={INK} strokeWidth="6" />
        {/* 나이 든 티 — 이마 부드러운 은빛 (연하게) */}
        <path d="M74 58 q46 -16 92 0 q-46 -6 -92 0 Z" fill="#efe6d6" opacity="0.45" />
        {/* 주둥이 — 하얗게 센 털 */}
        <ellipse cx="120" cy="118" rx="34" ry="27" fill="#f3efe6" stroke={INK} strokeWidth="4" />
        {/* 흰 눈썹 */}
        <path d="M88 78 q12 -6 24 -1" stroke="#efe6d6" strokeWidth="6" strokeLinecap="round" fill="none" />
        <path d="M128 77 q12 -5 24 1" stroke="#efe6d6" strokeWidth="6" strokeLinecap="round" fill="none" />
        {/* 눈 (살짝 처진 — 나이 든) */}
        <circle cx="100" cy="90" r="7" fill={INK} />
        <circle cx="140" cy="90" r="7" fill={INK} />
        <circle cx="102" cy="88" r="2.2" fill="#fff" />
        <circle cx="142" cy="88" r="2.2" fill="#fff" />
        {/* 처진 눈꺼풀 */}
        <path d="M91 87 q9 -7 18 -2" stroke={INK} strokeWidth="3.5" strokeLinecap="round" fill="none" />
        <path d="M131 87 q9 -5 18 0" stroke={INK} strokeWidth="3.5" strokeLinecap="round" fill="none" />
        {/* 돋보기 안경 */}
        <g stroke={INK} strokeWidth="3.5" fill="none">
          <circle cx="100" cy="90" r="16" />
          <circle cx="140" cy="90" r="16" />
          <path d="M116 90 h8" />
          <path d="M84 88 l-14 -6" strokeLinecap="round" />
          <path d="M156 88 l14 -6" strokeLinecap="round" />
        </g>
        {/* 코 */}
        <ellipse cx="120" cy="108" rx="10" ry="7" fill={INK} />
        {/* 미소 */}
        <path d="M120 115 v7 M120 122 q-11 10 -20 2 M120 122 q11 10 20 2"
          stroke={INK} strokeWidth="4" strokeLinecap="round" strokeLinejoin="round" fill="none" />
        {/* 볼터치 */}
        <circle cx="86" cy="114" r="7" fill="#e79b8f" opacity="0.4" />
        <circle cx="154" cy="114" r="7" fill="#e79b8f" opacity="0.4" />
        {/* 곁의 고양이 (외롭지 않게) */}
        <g transform="translate(10,-40)">
          <ellipse cx="40" cy="244" rx="42" ry="9" fill="rgba(0,0,0,0.12)" />
          <path d="M14 214 q-28 4 -24 -28 q2 -16 16 -12 q-8 16 8 24 q10 5 16 0 Z" fill="#9c8d76" stroke={INK} strokeWidth="5" strokeLinejoin="round" />
          <path d="M8 182 q32 -22 64 0 q10 32 4 58 q-38 12 -76 0 q-4 -28 8 -58 Z" fill="#b3a488" stroke={INK} strokeWidth="5.5" strokeLinejoin="round" />
          <ellipse cx="26" cy="236" rx="13" ry="9" fill="#ece2cd" stroke={INK} strokeWidth="4.5" />
          <ellipse cx="56" cy="236" rx="13" ry="9" fill="#ece2cd" stroke={INK} strokeWidth="4.5" />
          <path d="M14 138 l-6 -30 l30 16 Z" fill="#b3a488" stroke={INK} strokeWidth="5" strokeLinejoin="round" />
          <path d="M66 138 l6 -30 l-30 16 Z" fill="#b3a488" stroke={INK} strokeWidth="5" strokeLinejoin="round" />
          <path d="M18 130 l-2 -14 l14 8 Z" fill="#e79b8f" />
          <path d="M62 130 l2 -14 l-14 8 Z" fill="#e79b8f" />
          <circle cx="40" cy="150" r="34" fill="#b3a488" stroke={INK} strokeWidth="5.5" />
          <ellipse cx="40" cy="164" rx="20" ry="15" fill="#f1ebda" />
          <circle cx="29" cy="146" r="5.5" fill={INK} />
          <circle cx="51" cy="146" r="5.5" fill={INK} />
          <circle cx="30.5" cy="144.5" r="1.6" fill="#fff" />
          <circle cx="52.5" cy="144.5" r="1.6" fill="#fff" />
          {/* 나이 든 고양이 — 흰 눈썹·처진 눈꺼풀·돋보기 */}
          <path d="M20 133 q9 -6 18 -1" stroke="#efe6d6" strokeWidth="4" strokeLinecap="round" fill="none" />
          <path d="M42 132 q9 -5 18 1" stroke="#efe6d6" strokeWidth="4" strokeLinecap="round" fill="none" />
          <path d="M22 143 q7 -5 14 -1" stroke={INK} strokeWidth="2.5" strokeLinecap="round" fill="none" />
          <path d="M44 143 q7 -4 14 0" stroke={INK} strokeWidth="2.5" strokeLinecap="round" fill="none" />
          <g stroke={INK} strokeWidth="2.6" fill="none">
            <circle cx="29" cy="147" r="12" />
            <circle cx="51" cy="147" r="12" />
            <path d="M41 146 h0" /><path d="M41 146 q4 -3 -0.5 0" />
            <path d="M40 146 h1" />
            <path d="M17 145 l-10 -4" strokeLinecap="round" />
            <path d="M63 145 l10 -4" strokeLinecap="round" />
          </g>
          <path d="M36 158 h8 l-4 5 Z" fill="#e79b8f" stroke={INK} strokeWidth="2" strokeLinejoin="round" />
          <path d="M40 163 v4 M40 167 q-6 6 -11 1 M40 167 q6 6 11 1" stroke={INK} strokeWidth="3" strokeLinecap="round" fill="none" />
          <g stroke={INK} strokeWidth="2" strokeLinecap="round">
            <path d="M20 158 l-16 -3" /><path d="M20 164 l-16 3" />
            <path d="M60 158 l16 -3" /><path d="M60 164 l16 3" />
          </g>
          {/* 할머니 리본 (오른쪽 귀 옆) */}
          <g stroke={INK} strokeWidth="3.5" strokeLinejoin="round">
            <path d="M60 116 q-16 -12 -20 2 q16 8 20 -2 Z" fill="#d98a9a" />
            <path d="M60 116 q16 -12 20 2 q-16 8 -20 -2 Z" fill="#d98a9a" />
            <circle cx="60" cy="117" r="5.5" fill="#c2707f" />
          </g>
        </g>
      </svg>
    );
  }

  window.CompanionDog = CompanionDog;
})();