22 lines
1.1 KiB
TypeScript
22 lines
1.1 KiB
TypeScript
// 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>
|
|
);
|
|
} |