import { emailLayout } from './email-layout';

export const otpVerificationTemplate = (otp: string, projectName: string) => {
    const content = `
    <p style="margin-bottom: 20px; font-size: 16px;">Welcome to <strong>${projectName}</strong>!</p>
    <p style="margin-bottom: 25px; font-size: 16px;">Thank you for joining our community. We're excited to have you on board! To finish setting up your account, please enter the following verification code in the application.</p>
    
    <div style="text-align: center; margin: 40px 0;">
      <div style="background-color: #f8fafc; border: 2px dashed #cbd5e1; border-radius: 12px; padding: 20px; display: inline-block;">
        <span style="font-size: 32px; font-weight: 800; letter-spacing: 0.25em; color: #061226; font-family: 'Courier New', Courier, monospace;">${otp}</span>
      </div>
    </div>

    <p style="margin-top: 25px; font-size: 14px; color: #64748b; text-align: center;">This code will expire in 10 minutes.</p>
    
    <p style="margin-top: 30px; font-size: 14px; color: #64748b;">If you didn't create an account, you can safely ignore this email.</p>
  `;
    return emailLayout(content, 'Verify Your Email', projectName);
};