import React from 'react';
import { TranslateFn } from '../../../../../../locale';
import './index.scss'

interface EmptyPlaceHolderProps {
  hasFetch: boolean;
  translate: TranslateFn;
  existFilter: boolean;
}

const EmptyPlaceHolder: React.FC<EmptyPlaceHolderProps> = ({
  hasFetch,
  translate: __,
  existFilter
}) => {
  return <div className="lion-table-empty">
    <div className="lion-table-empty-body">
      <div className="lion-table-empty-container">
        {/* 测试用图片 */}
        {/* <img alt='' src='https://erp.gerpgo.com/img/empty.891aa2e8.png' /> */}
        <img alt='' src='./public/images/nodata.png' />
        {!hasFetch && existFilter ?
          <div className='empty-placeholder'>{__('placeholder.trySearch')}</div> :
          <div className='empty-placeholder'>{__('placeholder.noData')}</div>}
      </div>
    </div>
  </div>
}

export default EmptyPlaceHolder;