import React from "react";
import { Text, Link } from "@react-email/components";
import { User } from "@/server/modules/user/user.types";

type Props = {
    user: User;
    url: string;
};

export const AccountActivationTemplate: React.FC<Props> = (props) => {
    const {
        user,
        url
    } = props;

    return (
        <>
            <Text className="font-bold text-[24px]">{user.name},</Text>

            <Text>
                Tak! Din profil på Magasinet KBH er nu aktiveret.
            </Text>

            <Text>
                Du vil fremover kunne logge ind på <Link href={url}>{url}</Link> med:
            </Text>

            <Text>
                Brugernavn: {user.name}
            </Text>

            <Text>
                Adgangskode: (den adgangskode du valgte ved oprettelsen)
            </Text>

            <Text>
                God fornøjelse på Magasinet KBH !
            </Text>
        </>
    );
};