/* ColoradoBiz "Best of Colorado" awards - SVG recreations
   Three years: 2024, 2023, 2022. Standalone, scale-friendly. */

const ColoradoBizAward = ({ year, size = 200 }) => {
  const id = `cb-${year}`;
  return (
    <svg viewBox="0 0 200 200" width={size} height={size} aria-label={`Best of Colorado Digital Agency ${year}`}>
      <defs>
        <clipPath id={`${id}-clip`}>
          <circle cx="100" cy="100" r="96"/>
        </clipPath>
      </defs>
      {/* Outer ring - dark navy */}
      <circle cx="100" cy="100" r="98" fill="#1F2A3D"/>
      <g clipPath={`url(#${id}-clip)`}>
        {/* Top section: navy with coloradobiz logo */}
        <rect x="0" y="0" width="200" height="62" fill="#1F2A3D"/>
        {/* coloradobiz wordmark */}
        <text x="100" y="40" textAnchor="middle" fontFamily="Mulish, sans-serif" fontWeight="800" fontSize="20" letterSpacing="-0.02em">
          <tspan fill="#fff">colorado</tspan><tspan fill="#fff" fontStyle="italic">biz</tspan>
        </text>
        {/* Red divider */}
        <rect x="0" y="62" width="200" height="4" fill="#E84A4A"/>
        {/* Yellow band - BEST OF */}
        <rect x="0" y="66" width="200" height="42" fill="#F4C95A"/>
        <text x="100" y="98" textAnchor="middle" fontFamily="Mulish, sans-serif" fontWeight="900" fontSize="28" fill="#1F2A3D" letterSpacing="0.02em">BEST OF</text>
        {/* Teal band - COLORADO */}
        <rect x="0" y="108" width="200" height="32" fill="#3FA8AD"/>
        <text x="100" y="131" textAnchor="middle" fontFamily="Mulish, sans-serif" fontWeight="900" fontSize="22" fill="#fff" letterSpacing="0.04em">COLORADO</text>
        {/* Bottom navy with category + year */}
        <rect x="0" y="140" width="200" height="60" fill="#1F2A3D"/>
        <text x="100" y="162" textAnchor="middle" fontFamily="Mulish, sans-serif" fontWeight="600" fontSize="13" fill="#fff">Digital Agency</text>
        <text x="100" y="184" textAnchor="middle" fontFamily="Mulish, sans-serif" fontWeight="700" fontSize="15" fill="#fff">{year}</text>
      </g>
    </svg>
  );
};

window.ColoradoBizAward = ColoradoBizAward;