import React from 'react';
import { contextSrv } from 'app/core/services/context_srv';

interface Props {
  action: string;
  children: React.ReactNode;
  fallback?: React.ReactNode;
}

export const UserManagerWrapper: React.FC<Props> = ({ action, children, fallback = null }) => {
  const hasPermission = contextSrv.hasPermission(action);
  return hasPermission ? <>{children}</> : <>{fallback}</>;
};