import React, { Component } from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
const Div = styled.div`
    width: 100%;
    height:100%;
    
`
const Img = styled.img`
    margin: 0 auto;
    display:block;
    width: 129px;
    height:99px; 
`
const P = styled.p`
    text-align: center;
    color: #999;
    margin-top:1rem;
    
`


const NoFindReport = (props) => {
    let { title ,theme, img} = props;
    if(img){
        return <Div>
            {img}
            <P>
                { title }
            </P>
        </Div>
    }else {
        return <Div>
            {
                theme == 'dark' ?
                    <Img src={require("./noreport-dark.png")} alt="noreport-dark"/>
                    :
                    <Img src={require("./nofindreport.png")} alt="nofindreport"/>
            }
            <P>
                {title}
            </P>
        </Div>
    }
}
NoFindReport.propTypes = {
    /**图片下面的文字 */
    title: PropTypes.string.isRequired,
}
NoFindReport.defaultProps = {
    title: '暂未发现最新内部研报'
}



export default NoFindReport