import { Link } from 'react-router-dom';
import { Button } from '@/components/ui/button';

export function ForbiddenRoute() {
  return (
    <div className="flex h-full items-center justify-center">
      <div className="text-center">
        <p className="text-sm font-medium text-muted-foreground">403</p>
        <h1 className="mt-2 text-2xl font-semibold tracking-tight">Forbidden</h1>
        <p className="mt-2 text-sm text-muted-foreground">
          Your role doesn't grant access to this page.
        </p>
        <Button asChild className="mt-6">
          <Link to="/">Back to dashboard</Link>
        </Button>
      </div>
    </div>
  );
}
