export function AdSlot({
  id,
  className = "",
  label = "Реклама",
}: {
  id: string;
  className?: string;
  label?: string;
}) {
  return (
    <div
      data-ad-slot={id}
      className={`ad-slot flex items-center justify-center rounded-2xl border border-dashed border-white/15 bg-surface/60 text-center ${className}`}
    >
      <span className="text-[10px] font-bold uppercase tracking-[0.2em] text-text-muted">{label}</span>
    </div>
  );
}