// app/components/Modals/Member.tsx

import { ModalProps } from "@/app/types";
import Modal from "./Modal";
import ModalAction from "./ModalAction";
import Image from 'next/image';
import logo from "../../../public/images/logo-black.svg";

export default function MemberModal({ onClose }: ModalProps) {
    return (
        <Modal onClose={onClose}>
            <Image src={logo} alt="Logo" className="h-25 max-w-fit" />
            <h2 className="text-[#406185] my-2.5 text-2xl font-bold uppercase">Registrera dig</h2>
            <p className="text-[#406185] my-2.5">Trycka på knappen nedan för att starta registreringen. Du kommer att skickas till laget.se</p>

            <ModalAction href="https://www.svenskalag.se/lerbergetsvs/formular/borja-trana-i-lerbergets-volleybollsallskap/38396" className="mt-5">
                Bli medlem
            </ModalAction>
        </Modal>
    );
}