import { AlertTriangle } from 'lucide-react';

const DescargoResponsabilidad = () => {
  return (
    <div className="space-y-6">
      <div className="flex items-start gap-4 p-4 bg-yellow-50 dark:bg-yellow-950/30 border border-yellow-200 dark:border-yellow-800 rounded-lg">
        <AlertTriangle className="w-6 h-6 text-yellow-600 dark:text-yellow-400 flex-shrink-0" />
        <div>
          <h2 className="font-semibold text-yellow-800 dark:text-yellow-200">
            Información importante
          </h2>
          <p className="text-sm text-yellow-700 dark:text-yellow-300 mt-1">
            Lee este descargo de responsabilidad antes de usar la aplicación
          </p>
        </div>
      </div>

      <div>
        <h1 className="text-2xl font-bold text-foreground mb-2">
          Descargo de Responsabilidad
        </h1>
        <p className="text-sm text-muted-foreground">
          Fecha de publicación: Marzo 2026
        </p>
      </div>

      <div className="prose prose-sm dark:prose-invert max-w-none space-y-4">
        <section className="space-y-2">
          <h2 className="text-lg font-semibold">1. No es asesoramiento médico</h2>
          <p className="text-muted-foreground">
            Código 0 es una herramienta de formación y referencia. <strong>NO constituye asesoramiento médico</strong> 
            ni sustituye la formación oficial de los Técnicos en Emergencias Sanitarias.
          </p>
        </section>

        <section className="space-y-2">
          <h2 className="text-lg font-semibold">2. Verifica la información</h2>
          <p className="text-muted-foreground">
            Aunque el contenido ha sido elaborado con el mayor cuidado posible, siempre debes verificar 
            la información con fuentes oficiales y protocolos vigentes de tu organización.
          </p>
        </section>

        <section className="space-y-2">
          <h2 className="text-lg font-semibold">3. Decisiones clínicas</h2>
          <p className="text-muted-foreground">
            Las decisiones clínicas son responsabilidad del profesional que las toma. Esta aplicación 
            proporciona información de apoyo, pero la decisión final siempre corresponde al TES 
            según su criterio y formación.
          </p>
        </section>

        <section className="space-y-2">
          <h2 className="text-lg font-semibold">4. Actualización de protocolos</h2>
          <p className="text-muted-foreground">
            Los protocolos médicos evolucionan constantemente. Verifica siempre que estás utilizando 
            la versión más actualizada de los protocolos de tu servicio.
          </p>
        </section>

        <section className="space-y-2">
          <h2 className="text-lg font-semibold">5. Uso responsable</h2>
          <p className="text-muted-foreground">
            Esta aplicación debe utilizarse como herramienta de formación y referencia rápida. 
            No sustituye el conocimiento profundo de los protocolos ni la experiencia práctica.
          </p>
        </section>

        <section className="space-y-2">
          <h2 className="text-lg font-semibold">6. Aceptación</h2>
          <p className="text-muted-foreground">
            Al utilizar Código 0, reconoces haber leído y entendido este descargo de responsabilidad. 
            Si no estás de acuerdo con estos términos, por favor no utilices la aplicación.
          </p>
        </section>
      </div>

      <div className="bg-muted/50 rounded-lg p-4 mt-6">
        <p className="text-sm text-muted-foreground text-center">
          Para dudas sobre el contenido, consulta con tu supervisor o instructor de formación.
        </p>
      </div>
    </div>
  );
};

export default DescargoResponsabilidad;
