import React from 'react';
import { Link } from 'react-router-dom';
import { ShieldX } from 'lucide-react';

export function NoAccessPage() {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-secondary-50 p-4">
      <ShieldX className="w-16 h-16 text-secondary-400 mb-4" strokeWidth={1.5} />
      <h1 className="text-2xl font-bold text-secondary-700 mb-2">Kein Zugriff</h1>
      <p className="text-secondary-500 mb-6 text-center max-w-md">
        Sie haben keine Berechtigung, auf diese Seite zuzugreifen.
        Bitte wenden Sie sich an einen Administrator, falls Sie Zugriff benötigen.
      </p>
      <Link
        to="/dashboard"
        className="px-4 py-2 bg-primary-600 text-white rounded-md hover:bg-primary-700 transition-colors"
      >
        Zum Dashboard
      </Link>
    </div>
  );
}