"use client"

import * as Icon from "react-feather"
import style from "./package.module.css"
import { Box } from "./PackageBox"
import { config } from "@/lib/config"

export const PackageIntroduce = ({ course, local}) => {
    
    return <>
     <Box >
        {
            course.video && 
            <video className={style.video} controls="1" preload="" width="1920" height="1080" poster={`${config.host()}/media/packages/${course.thumbnail}`} >
                <source type="video/mp4" src={`${config.host()}/media/packages/videos/${course.video}`} />
            </video>
        }
        <div className="" id="course_info">
            <div className="text-blue-500 font-black text-xl mt-3 mx-2">
                <Icon.Edit3 className="d-inline text-orange-500" />
                معرفی دوره
            </div>
            {course.description}
        </div>
    </Box>
    </>
}