import React from 'react';
import { Cable, ChevronRight } from 'lucide-react'; import { Link } from 'react-router-dom';
import { scanPath } from '@/lib/appConfig';
export default function OfflineBanner(){return <div className="rounded-2xl border border-red-500/30 bg-red-500/[.07] p-5"><div className="flex flex-col gap-4 sm:flex-row sm:items-center"><Cable className="text-red-400"/><div className="flex-1"><p className="font-bold tracking-[.12em] text-red-300">SCANNER BRIDGE OFFLINE</p><p className="mt-1 text-sm text-zinc-400">The browser cannot access Kinect USB hardware directly. Start SHiRE Scan Bridge on the SHiRE Mini, then pair this device using its secure local address.</p></div><Link to={scanPath('bridge')} className="flex items-center justify-center gap-2 rounded-xl bg-white px-4 py-2.5 text-sm font-semibold text-black">Connection setup<ChevronRight size={16}/></Link></div></div>}