import { Body, Container, Head, Heading, Html, Img, Link, Preview, Text } from '@react-email/components' import * as React from 'react' interface ResetPasswordProps { token?: string } const gradientStyle = { background: 'linear-gradient(to right, #6366F1, #A855F7)', // from-indigo-500 to-purple-500 WebkitBackgroundClip: 'text', // Clips the background to the text (for Safari) WebkitTextFillColor: 'transparent', // Makes the text color transparent (for Safari) backgroundClip: 'text', // Clips the background to the text (standard) color: 'transparent' // Makes the text color transparent } export const ResetPassword = ({ token }: ResetPasswordProps) => ( Reset password with this link Reset Password Click here to reset password If you didn't try to reset your password, you can safely ignore this email. nizzy abi nizzyabi.com , learn to code
&& have fun doing it. ) ResetPassword.PreviewProps = { loginCode: 'sparo-ndigo-amurt-secan' } as ResetPasswordProps export default ResetPassword const main = { backgroundColor: '#ffffff' } const container = { paddingLeft: '12px', paddingRight: '12px', margin: '0 auto' } const h1 = { color: '#333', fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", fontSize: '24px', fontWeight: 'bold', padding: '0' } const link = { color: '#2754C5', fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", fontSize: '14px', textDecoration: 'underline' } const text = { color: '#333', fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", fontSize: '14px', margin: '24px 0' } const footer = { color: '#898989', fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", fontSize: '12px', lineHeight: '22px', marginTop: '12px', marginBottom: '24px' } const code = { display: 'inline-block', padding: '16px 4.5%', width: '90.5%', backgroundColor: '#f4f4f4', borderRadius: '5px', border: '1px solid #eee', color: '#333' }