import { AlertTriangle } from 'lucide-react'
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'

interface MedioInactivoBannerProps {
  medioNombre: string
}

export function MedioInactivoBanner({ medioNombre }: MedioInactivoBannerProps) {
  return (
    <Alert variant="destructive" className="mb-4">
      <AlertTriangle className="h-4 w-4" />
      <AlertTitle>Medio desactivado</AlertTitle>
      <AlertDescription>
        El medio &quot;{medioNombre}&quot; está desactivado. Las operaciones de edición, activación y
        desactivación de sus secciones están bloqueadas hasta que se reactive el medio.
      </AlertDescription>
    </Alert>
  )
}
