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

interface PdvInactivoBannerProps {
  puntoDeVentaNombre: string
}

export function PdvInactivoBanner({ puntoDeVentaNombre }: PdvInactivoBannerProps) {
  return (
    <Alert variant="destructive" className="mb-4">
      <AlertTriangle className="h-4 w-4" />
      <AlertTitle>Punto de venta desactivado</AlertTitle>
      <AlertDescription>
        El punto de venta &quot;{puntoDeVentaNombre}&quot; está desactivado. Reactivalo para habilitar
        nuevamente sus operaciones.
      </AlertDescription>
    </Alert>
  )
}
