import { Link } from 'react-router-dom'

export default function NotFound() {
  return (
    <div className="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-200">
      <h1 className="text-2xl font-bold text-slate-900">404</h1>
      <p className="mt-2 text-sm text-slate-600">Page not found.</p>
      <Link to="/" className="mt-4 inline-flex rounded-xl bg-slate-900 px-4 py-2 text-sm font-semibold text-white hover:bg-slate-800">Go to Dashboard</Link>
    </div>
  )
}

