17 lines
497 B
TypeScript
17 lines
497 B
TypeScript
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>
|
|
);
|
|
}
|