/*
 * @Author: wufan
 * @Date: 2021-05-26 10:29:56
 * @LastEditors: wufan
 * @LastEditTime: 2021-06-17 14:15:00
 * @Description: Description
 */
import React from "react";
import "./WatchDataHeader.less";

interface WatchDataHeaderProps {
  type: string;
  color?: string;
  courseName?: string;
  className?: string;
}
const WatchDataHeader = (props: WatchDataHeaderProps) => {
  const { type, color , className ,courseName} = props;

  return (
    <div className={className + " header-box"}>
      <span className="course-type" style={{color:color,border:`1px solid ${color}`}}>{type}</span>
      <span className='course-name'>{courseName}</span>
    </div>
  );
};

export default WatchDataHeader;
