import { Radio } from 'lucide-react'

export function NoDeviceSelected() {
  return (
    <div className="flex flex-col items-center justify-center h-full gap-3 text-muted-foreground">
      <Radio size={40} strokeWidth={1.25} />
      <div className="text-center">
        <p className="text-sm font-medium">No device being profiled</p>
        <p className="text-xs mt-1">
          Go to Devices, select a device, and press <span className="text-foreground font-medium">Profile</span> to start monitoring.
        </p>
      </div>
    </div>
  )
}