import React from 'react';
import './index.scss'
import {Link} from 'react-router-dom'

const VList = (props) => {
    return (
        <li className='v-list-item'>
            <div className="content">
                <div className="cover">
                    {props.status}
                   {/* <Link to={`/detail?id=${props.id}`}> */}
                       <img src={props.img} alt="" onClick={() => props.toDetail(props.id)} />
                   {/* </Link> */}
                </div>
                {props.info}
            </div>
            {props.tab}
        </li>
    );
};

export default VList;