import React from 'react'
import {CourseProps} from '../course-card-h'
import {handleNavigation, Navigation} from "../index";

import './index.scss'

const CourseCardV: React.FC<CourseProps> = ({title, image, courseId, status, tag, navigate, history, marketing}) => {
    return <div className={'course-card-v'} onClick={(e) => {
        navigate ? handleNavigation({e, courseId, navigate})
            : handleNavigation({e, courseId, history} as Navigation)
    }}>
        <div className="show">
            <img src={image} alt={title}/>
            {marketing && <div className="marketing">{marketing}</div>}
            {tag}
        </div>
        <div className="title">{title}</div>
        <div className="status">{status}</div>
    </div>
}

export default CourseCardV