import React from 'react';

export const getAuthPath = (path?: string): boolean => {
  // @ts-ignore
  if (AUTH) {
    let authList: string[] = [];

    let authStr = sessionStorage.getItem('auth');
    // @ts-ignore
    if (STORAGE === 'local') {
      authStr = localStorage.getItem('auth');
    }
    if (authStr) {
      authList = JSON.parse(authStr);
    }
    const fig = authList.find((item) => item === path);
    return !!fig;
  }
  return true;
};

/** 校验按钮权限 */
export interface AuthBtnProps {
  /** 路径 */
  path?: string;
  /** 禁用 状态 展示   适用于 存在 disabled 属性的组件  */
  disabled?: boolean;
  children: JSX.Element;
}
const AuthBtn = (props: AuthBtnProps) => {
  const { path, disabled, children } = props;
  const fig = React.useMemo(() => {
    // @ts-ignore
    if (AUTH) {
      return getAuthPath(path);
    }
    return true;
  }, [path]);

  if (fig) {
    return children;
  } else if (!fig && disabled && React.isValidElement(children)) {
    return React.cloneElement(children, { disabled } as any);
  }
  return <React.Fragment />;
};

export default AuthBtn;