import React from 'react';
import { useAccess, Access} from '@umijs/max';

//权限按钮
// 参数
// 1. buttonKey: 按钮的key
// 2. buttonRender: 按钮的渲染内容


// 返回值
// 1. 如果有权限，返回一个按钮
// 2. 如果有权限，返回 null

interface premissBtnType {
  buttonKey: string;
  buttonRender?: React.ReactNode;
}

const PremissBtn: React.FC<premissBtnType> = ({

  buttonKey,
  buttonRender,
}) => {
  const access = useAccess();
  return (
    <Access
      accessible={access[`${buttonKey}`] || false}
      fallback={null}
      key={`${buttonKey}`}
    >
      {buttonRender}
    </Access>

  );


};
export default PremissBtn;