import React from 'react';
import styles from './share-default.less';
import theDefault from 'images/theDefault.png';
import { useTitle } from 'components/easyUse';

const config = {
  '-2': {
    title: 'Token已失效',
    tip: '无法访问当前项目，请重新生成Token',
  },
  '0': {
    title: '无法访问',
    tip: '项目已开启Token验证，请配置后重新访问',
  },
  '404': {
    title: '大屏不存在或未分享',
    tip: '请检查大屏是否已删除或取消分享',
  },
};
function ShareDefault({ type }: { type: number }) {
  const result = config[type];
  useTitle(result.title);

  return (
    <div className={styles.box}>
      <div className={styles.column}>
        <img className={styles.img} src={theDefault} alt="" />
        <span className={styles.title}>{result.title}</span>
        <span className={styles.tip}>{result.tip}</span>
      </div>
    </div>
  );
}

export default ShareDefault;
