// components/ui/safetext.tsx
import { splitLines, safeText } from "@/lib/security/safeText";

type Props = {
  value?: string | null;
  className?: string;
};

export default function SafeText({ value, className }: Props) {
  const lines = splitLines(value);

  if (lines.length === 0) {
    return null;
  }

  return (
    <div className={className}>
      {lines.map((line, i) => (
        <p key={i}>{safeText(line)}</p>
      ))}
    </div>
  );
}