// 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.svenskalag.se/120351">Level 4-6</ModalAction>
                <ModalAction href="webcal://cal.svenskalag.se/120353">Level 7-9</ModalAction>
                <ModalAction href="webcal://cal.svenskalag.se/120355">Level 10</ModalAction>
                <ModalAction href="webcal://cal.svenskalag.se/120187">Hela klubben</ModalAction>
            </div>
        </Modal>
    );
}