import StatusBar from "@/components/StatusBar";
import React, {useEffect} from "react";
import Button from "@/components/Button";
import {deleteItem} from "@/components/Icons";

export default function SemesterTile(p)
{
    useEffect(() =>
    {
        window.addEventListener("contextmenu", (e) => (e.preventDefault()))
    })

    return (
        <div onClick={(e) => p.onClick(e)} className={"semester-tile"}>
            <p>{p.text}</p>
            <StatusBar progress={0}/>
            <Button icon={deleteItem} width={30} height={30} onClick={p.onButtonDeleteClick}/>
        </div>
    )
}