import React from "react";
import { Link } from "react-router-dom";
import { Button } from "../components/UI/Button";
import { Panel } from "../components/UI/Panel";

export const NotFoundPage = () => {
  return (
    <div className="flex min-h-screen items-center justify-center px-4">
      <Panel className="max-w-lg p-8 text-center">
        <h1 className="text-3xl font-semibold">Страница не найдена</h1>
        <p className="mt-3 text-sm text-[var(--color-text-muted)]">
          Вернитесь к панели управления заказами и доставкой.
        </p>
        <Link className="mt-6 inline-flex" to="/dashboard">
          <Button>К дашборду</Button>
        </Link>
      </Panel>
    </div>
  );
};