// Sample poster designs (Bağımlılıkla Mücadele teması)
// SVG-rendered with 50:70 aspect ratio (matches contest spec)
const { useMemo } = React;

function PosterA() {
  return (
    <svg viewBox="0 0 500 700" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" style={{width:'100%', height:'100%'}}>
      <defs>
        <linearGradient id="pa-bg" x1="0" y1="0" x2="1" y2="1">
          <stop offset="0%" stopColor="#2A1755"/>
          <stop offset="60%" stopColor="#4A2E7E"/>
          <stop offset="100%" stopColor="#7D2AE8"/>
        </linearGradient>
        <radialGradient id="pa-glow" cx="80%" cy="20%" r="60%">
          <stop offset="0%" stopColor="#00D9E1" stopOpacity="0.6"/>
          <stop offset="100%" stopColor="#00D9E1" stopOpacity="0"/>
        </radialGradient>
      </defs>
      <rect width="500" height="700" fill="url(#pa-bg)"/>
      <rect width="500" height="700" fill="url(#pa-glow)"/>
      {/* Hands forming a heart - abstract */}
      <g transform="translate(250 320)" stroke="#BBF3F4" strokeWidth="6" fill="none" strokeLinecap="round" strokeLinejoin="round">
        <path d="M-90 -40 C-90 -90, -30 -90, 0 -40 C30 -90, 90 -90, 90 -40 C90 20, 0 90, 0 90 C0 90, -90 20, -90 -40Z" fill="#FFFFFF15"/>
        <circle cx="0" cy="-10" r="40" fill="none"/>
      </g>
      <text x="40" y="500" fontFamily="Canva Sans, sans-serif" fontWeight="600" fontSize="60" fill="white" letterSpacing="-2">Güçlü Bağlar</text>
      <text x="40" y="560" fontFamily="Canva Sans, sans-serif" fontWeight="500" fontSize="44" fill="#BBF3F4" letterSpacing="-1">Sağlıklı Yarınlar</text>
      <text x="40" y="630" fontFamily="Canva Sans, sans-serif" fontWeight="500" fontSize="14" fill="#FFFFFFAA" letterSpacing="2">BAĞIMLILIKLA MÜCADELE</text>
      <line x1="40" y1="650" x2="120" y2="650" stroke="#00D9E1" strokeWidth="3"/>
    </svg>
  );
}

function PosterB() {
  return (
    <svg viewBox="0 0 500 700" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" style={{width:'100%', height:'100%'}}>
      <rect width="500" height="700" fill="#FFF8F0"/>
      {/* Big graphic shape */}
      <circle cx="380" cy="180" r="180" fill="#FFB800"/>
      <circle cx="100" cy="540" r="120" fill="#FF5C5C"/>
      <path d="M0 380 Q250 280 500 420 L500 700 L0 700 Z" fill="#1A1A2E"/>
      <text x="40" y="120" fontFamily="Canva Sans, sans-serif" fontWeight="700" fontSize="72" fill="#1A1A2E" letterSpacing="-3">SEN</text>
      <text x="40" y="200" fontFamily="Canva Sans, sans-serif" fontWeight="700" fontSize="72" fill="#1A1A2E" letterSpacing="-3">SEÇ.</text>
      <text x="40" y="500" fontFamily="Canva Sans, sans-serif" fontWeight="600" fontSize="32" fill="white">Bağımlılığa</text>
      <text x="40" y="540" fontFamily="Canva Sans, sans-serif" fontWeight="700" fontSize="40" fill="#FFB800">değil hayata.</text>
      <text x="40" y="640" fontFamily="Canva Sans, sans-serif" fontWeight="500" fontSize="11" fill="#FFFFFFAA" letterSpacing="2">DİJİTAL AFİŞ YARIŞMASI · 2026</text>
    </svg>
  );
}

function PosterC() {
  return (
    <svg viewBox="0 0 500 700" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" style={{width:'100%', height:'100%'}}>
      <defs>
        <linearGradient id="pc-bg" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#00C4CC"/>
          <stop offset="100%" stopColor="#0080A0"/>
        </linearGradient>
      </defs>
      <rect width="500" height="700" fill="url(#pc-bg)"/>
      {/* Concentric circles - "bond" motif */}
      <g transform="translate(250 280)" fill="none" stroke="white" strokeOpacity="0.5">
        <circle r="60" strokeWidth="2"/>
        <circle r="100" strokeWidth="2"/>
        <circle r="140" strokeWidth="2"/>
        <circle r="180" strokeWidth="2"/>
      </g>
      <circle cx="250" cy="280" r="38" fill="#FFB800"/>
      <text x="40" y="540" fontFamily="Canva Sans, sans-serif" fontWeight="500" fontSize="26" fill="#BBF3F4" fontStyle="italic">— biz birlikte —</text>
      <text x="40" y="600" fontFamily="Canva Sans, sans-serif" fontWeight="700" fontSize="64" fill="white" letterSpacing="-2">Daha güçlüyüz.</text>
      <line x1="40" y1="640" x2="160" y2="640" stroke="#FFB800" strokeWidth="3"/>
      <text x="40" y="670" fontFamily="Canva Sans, sans-serif" fontWeight="500" fontSize="11" fill="#FFFFFFCC" letterSpacing="2">GÜÇLÜ BAĞLAR · SAĞLIKLI YARINLAR</text>
    </svg>
  );
}

window.PosterA = PosterA;
window.PosterB = PosterB;
window.PosterC = PosterC;