27. Randomizer decyzji

// Koło fortuny SVG
function SpinWheel({ items, onSpin }) {
  const [rotation, setRotation] = useState(0);
  const [spinning, setSpinning] = useState(false);

  function spin() {
    if (spinning) return;
    setSpinning(true);
    const extraSpins = 5 * 360; // 5 pełnych obrotów
    const randomAngle = Math.random() * 360;
    const totalRotation = rotation + extraSpins + randomAngle;
    setRotation(totalRotation);

    setTimeout(() => {
      setSpinning(false);
      // Oblicz wybrany segment
      const normalizedAngle = totalRotation % 360;
      const segmentAngle = 360 / items.length;
      const selectedIndex = Math.floor((360 - normalizedAngle % 360) / segmentAngle) % items.length;
      onSpin(items[selectedIndex]);
    }, 3000); // czas animacji CSS
  }

  const segmentAngle = 360 / items.length;

  return (
    <div style={{ transform: `rotate(${rotation}deg)`, transition: spinning ? 'transform 3s ease-out' : 'none' }}>
      {/* Segmenty SVG */}
    </div>
  );
}