grafana/public/app/features/alerting/unified/components/Authorize.tsx

import React, { FC } from 'react';

import { contextSrv } from 'app/core/services/context_srv';
import { AccessControlAction } from 'app/types';

type Props = {
  actions: AccessControlAction[];
  fallback?: boolean;
};

export const Authorize: FC<Props> = ({ actions, children, fallback = true }) => {
  if (actions.some((action) => contextSrv.hasAccess(action, fallback))) {
    return <>{children}</>;
  } else {
    return null;
  }
};