import Button from "../../../../components/ui/Button/Button";
import styles from "../../HomePage.module.css"
import { useContext } from "react";
import {AuthContext, AuthContextType} from "../../../../contexts/Auth/AuthContext";

export default function ExportBtn() {

    const { user } = useContext(AuthContext) as AuthContextType;
    const calendarUrl = `${import.meta.env.VITE_API_URL}/api/export/ics/${user?.id}`;

    return <Button className={styles.exportbtn}
                   onClick={() => {
                       window.open(
                           `https://calendar.google.com/calendar/u/0/r/settings/addbyurl?cid=${calendarUrl}`
                       );
                   }}
    >
        Exporter
    </Button>
}