'use client';

import { Info } from 'lucide-react';
import type { CartNudge } from 'brainerce';
import { cn } from '@/core/lib/utils';

interface CartNudgesProps {
  nudges: CartNudge[];
  className?: string;
}

export function CartNudges({ nudges, className }: CartNudgesProps) {
  if (nudges.length === 0) return null;

  return (
    <div className={cn('space-y-2', className)}>
      {nudges.map((nudge) => (
        <div
          key={nudge.ruleId}
          className="bg-primary/5 border-primary/20 flex items-start gap-3 rounded-lg border px-4 py-3"
        >
          <Info className="text-primary mt-0.5 h-5 w-5 flex-shrink-0" aria-hidden="true" />
          <p className="text-foreground flex-1 text-sm whitespace-pre-line">{nudge.text}</p>
        </div>
      ))}
    </div>
  );
}