import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
// @ts-nocheck
import { Button, defineEmail, Divider, EmailLayout, Heading, Section, Text, theme, } from '%transactionalLibImports';
import * as React from 'react';
export default defineEmail(AccountVerificationEmail, {
    subject: `Verify your ${theme.branding.name} email address`,
    previewProps: {
        verifyLink: 'https://example.com',
    },
});
function AccountVerificationEmail({ verifyLink, }) {
    return (_jsxs(EmailLayout, { previewText: `Verify your ${theme.branding.name} email address`, children: [_jsx(Heading, { as: "h2", children: "Verify your email" }), _jsxs(Text, { children: ["Thanks for signing up for ", theme.branding.name, "! Please verify your email address to get started."] }), _jsxs(_Fragment, { children: [_jsx(Text, { children: "Click the button below to confirm your email. This link will expire in 24 hours." }), _jsx(Section, { align: "center", children: _jsx(Button, { href: verifyLink, children: "Verify Email" }) })] }), _jsx(Divider, { spacing: "lg" }), _jsxs(Text, { variant: "muted", children: ["If you didn't create an account with ", theme.branding.name, ", you can safely ignore this email."] })] }));
}
//# sourceMappingURL=account-verification.email.js.map