import type { ReactElement } from "react";

interface SettingsAccessDeniedProps {
  message: string;
}

export function SettingsAccessDenied({ message }: SettingsAccessDeniedProps): ReactElement {
  return (
    <div className="p-8 max-w-2xl">
      <div className="rounded-lg border border-red-200 bg-red-50 p-6 text-center">
        <p className="text-lg font-semibold text-red-700">Access Denied</p>
        <p className="mt-2 text-sm text-red-600">{message}</p>
      </div>
    </div>
  );
}
