// CIL[BEGIN chunk_id="Sev1Banner_module_header_1784761401" type="module_header" identity="module_header" parent="none"]
// CIL[DOC-MACRO purpose="Render a top-level banner when an active SEV1 incident exists"]
// CIL[DOC-RESPONSIBILITY responsibility="Link users to the Incident Kanban Board during an active SEV1"]
// CIL[DOC-CONTEXT module="workbench.components.Sev1Banner" layer="frontend-component" related_files="[\"custom/apps/workbench/hooks/useActiveSev1.ts\",\"custom/apps/workbench/components/WorkbenchSidebar.tsx\",\"custom/apps/workbench/index.tsx\"]"]
// CIL[DOC-CONTRACT inputs="none" outputs="JSX banner" errors="none" side_effects="renders DOM, navigates on click"]
// CIL[DOC-MICRO logic_summary="Displays a thin red banner with a siren icon and a link to the Incident Board" notable_decisions="[]"]
// CIL[DOC-CONFIDENCE pass="first" score="0.9" flags="none"]
// CIL[DOC-STABILITY stability="experimental"]
// CIL[DOC-AUDIENCE audience="developer"]
import { Link } from 'react-router-dom'
import { useAppPath } from '@core/hooks/useAppPath'
import { Siren } from 'lucide-react'
// CIL[END chunk_id="Sev1Banner_module_header_1784761401"]
// CIL[BEGIN chunk_id="Sev1Banner_sev1Banner_1784761401" type="function" identity="Sev1Banner" parent="none"]
export default function Sev1Banner() {
  const appPath = useAppPath()
  return (
    <div className="bg-red-50 text-red-700 border-b border-red-100 px-4 py-1.5 text-xs font-medium shrink-0">
      <Link to={appPath('/incident/dashboard')} className="flex items-center justify-center gap-2 hover:underline">
        <Siren className="h-3.5 w-3.5" />
        <span>Active SEV1 in progress — go to Incident Dashboard</span>
      </Link>
    </div>
  )
}
// CIL[END chunk_id="Sev1Banner_sev1Banner_1784761401"]