// app/components/Modals/Subscribe.tsx

import { ModalProps } from "@/app/types";
import Modal from "./Modal";
import ModalAction from "./ModalAction";

export default function SubscribeModal({ onClose }: ModalProps) {
    return (
        <Modal onClose={onClose}>
            <h2 className="text-[#406185] my-2.5 text-2xl font-bold uppercase">Prenumerera</h2>
            <p className="text-[#406185] my-2.5">Välj vilken LEVEL du vill prenumerera på.</p>

            <div className="flex flex-row flex-wrap justify-center gap-6.25 mt-5 max-w-162.5">
                <ModalAction href="webcal://cal.laget.se/lvs-level-5-6.ics">Level 5-6</ModalAction>
                <ModalAction href="webcal://cal.laget.se/lvs-level-7-8.ics">Level 7-8</ModalAction>
                <ModalAction href="webcal://cal.laget.se/lvs-level-8-9.ics">Level 8-9</ModalAction>
                <ModalAction href="webcal://cal.laget.se/lvs-level-10.ics">Level 10</ModalAction>
                <ModalAction href="webcal://cal.laget.se/LVS.ics">Hela klubben</ModalAction>
            </div>
        </Modal>
    );
}