EmailCTA

Renders a styled call-to-action button for email templates, supporting primary and secondary variants to drive user engagement.

export function EmailCTA({ href, text, children, variant = "primary" }: EmailCTAProps) {
    const isPrimary = variant === "primary";
    return (
        <tr>
            <td style={{ padding: "0 48px 48px", textAlign: "center" }}>
                <a
                    href={href}
                    style={{
                        display: "inline-block",
                        padding: "16px 40px",
                        backgroundColor: isPrimary ? emailColors.text : emailColors.secondaryBtnBg,
                        color: isPrimary ? emailColors.background : emailColors.text,
                        textDecoration: "none",
                        fontWeight: 600,
                        fontSize: "14px",
                        borderRadius: "100px",
                        lett

... (truncated -- full source via MCP)