"use client";

import { PixelMasonry } from "@/components/pixel-decor";
import { cn } from "@/lib/utils";

/**
 * CTA yüzeylerinin piksel zemini (DESIGN.md §10.8) — tek kaynak. Bilal'in
 * kararı (24 Eyl 2026): "piksel arka planları her CTA benzeri kısmın
 * arkasında olmalı, masonry gibi büyüklü küçüklü." Kap `relative isolate
 * overflow-hidden` olmalı; zemin ilk çocuk olarak konur.
 *
 * - `acik`: beyaz/açık kart — silik mavi kareler.
 * - `koyu`: mavi bant ya da koyu kart — beyaz kareler.
 */
export function PikselZemin({
  seed = 7,
  ton = "acik",
  className,
}: {
  /** Aynı ekrandaki iki yüzey farklı desen alsın */
  seed?: number;
  ton?: "acik" | "koyu";
  /** Dikey taşma payı vb. (varsayılan `-inset-y-6`) */
  className?: string;
}) {
  return (
    <div
      aria-hidden
      className={cn(
        "pointer-events-none absolute inset-x-0 -inset-y-6 -z-10",
        ton === "acik" ? "text-primary/70" : "text-white",
        className,
      )}
    >
      <PixelMasonry seed={seed} />
    </div>
  );
}