import React from "react";
import { Link, Text } from "@react-email/components";
// import { User } from "better-auth";
// import { Member, Organization } from "better-auth/plugins";

type Props = {
    url: string;
    inviter: {
        name: string;
    };
    organization: {
        name: string;
    };
};

export const InvitationTemplate: React.FC<Props> = (props) => {
    const {
        url,
        inviter,
        organization
    } = props;

    return (
        <>
            <Text className="font-bold">Join {organization.name}</Text>

            <Text>Hello,</Text>

            <Text>{inviter.name} has invited you to join {organization.name}.</Text>

            <Text>
                <Link href={url}>Accept invitation</Link>
            </Text>
        </>
    );
};