import { Scale } from 'lucide-react'
import { cn } from '@/lib/utils'

/**
 * Der stehende Hinweis, dass diese Anwendung keine Rechtsberatung ist.
 *
 * Er steht an JEDER Stelle, an der ein Paragraph genannt wird. Das ist
 * keine Formalie: Die App rechnet Fristen aus und schlaegt Einordnungen
 * vor, aber sie kennt den Einzelfall nicht. Wer sich darauf verlaesst,
 * statt beim Rechtspfleger nachzufragen, kann Geld und Anspruch verlieren.
 */
export function Rechtshinweis({
  rechtsgrundlage,
  className,
  kurz = false,
}: {
  rechtsgrundlage?: string
  className?: string
  kurz?: boolean
}) {
  if (kurz) {
    return (
      <p className={cn('text-xs text-muted-foreground', className)}>
        {rechtsgrundlage && <span className="font-medium">{rechtsgrundlage} · </span>}
        Keine Rechtsberatung. Im Zweifel bei Gericht, Bezirk oder Anwalt nachfragen.
      </p>
    )
  }

  return (
    <div
      className={cn(
        'flex items-start gap-2.5 rounded-md border border-border bg-muted/50 p-3',
        className,
      )}
    >
      <Scale className="mt-0.5 size-4 shrink-0 text-muted-foreground" aria-hidden="true" />
      <p className="text-sm text-muted-foreground">
        {rechtsgrundlage && (
          <>
            <span className="font-medium text-foreground">{rechtsgrundlage}</span>{' '}
          </>
        )}
        Dieser Hinweis dient der eigenen Orientierung und ersetzt{' '}
        <strong className="font-medium">keine Rechtsberatung</strong>. Er ersetzt insbesondere nicht
        die Rückfrage beim Betreuungsgericht, beim Sozialhilfeträger oder bei einem Anwalt.
      </p>
    </div>
  )
}