import Layout from "@/components/layout/Layout";

export default function OfflinePage() {
  return (
    <Layout>
      <div className="flex flex-col items-center justify-center min-h-[60vh] px-4 text-center">
        <h1 className="text-2xl font-bold text-primary mb-4">
          Mode hors ligne
        </h1>
        <p className="text-gray-600 mb-6">
          Vous êtes actuellement hors ligne. Certaines fonctionnalités peuvent être limitées.
        </p>
        <p className="text-sm text-gray-500">
          Les données mises en cache restent disponibles.
        </p>
      </div>
    </Layout>
  );
}