export function VpnBlocked({
  title,
  body,
  dir,
}: {
  title: string;
  body: string;
  dir: "rtl" | "ltr";
}) {
  return (
    <div className="mx-auto max-w-lg p-5 text-center sm:p-8" dir={dir}>
      <div className="card space-y-4 p-6 sm:p-8">
        <p className="text-sm font-medium text-red-700">VPN / Proxy</p>
        <h1 className="page-title">{title}</h1>
        <p className="leading-8 text-muted">{body}</p>
      </div>
    </div>
  );
}