import React, { useState } from "react";
import "./index.scss";
import { Link } from "react-router-dom";
import location from "../../../util/location";

export default function Course({ data }: any) {
  return (
    <Link to={"/courses/" + location.getId()} className="courses-course d-flex">
      <img src={`https://dnvn.ir/api/v1/file/${data.fileIds}`} alt="" />
      <div className="d-flex flex-column justify-content-center px-3">
        <h1>{data.name}</h1>
        <p>
          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
          از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و
        </p>
        <i></i>
      </div>
    </Link>
  );
}
