import { Body, Button, Column, Container, Head, Hr, Html, Img, Link, Preview, Row, Section, Text, } from '@react-email/components'; import * as CSS from 'csstype'; import * as React from 'react'; import { TestEmailProps } from 'src/interfaces/notification.interface'; export const TestEmail = ({ baseUrl, displayName }: TestEmailProps) => ( This is a test email from Immich

Hey {displayName}, this is the test email from your Immich Instance {baseUrl}

Immich project is available under GNU AGPL v3 license. ); TestEmail.PreviewProps = { baseUrl: 'https://demo.immich.app/auth/login', displayName: 'Alan Turing', } as TestEmailProps; export default TestEmail; const text = { margin: '0 0 24px 0', textAlign: 'left' as const, fontSize: '18px', lineHeight: '24px', }; const button: CSS.Properties = { backgroundColor: 'rgb(66, 80, 175)', margin: '1em 0', padding: '0.75em 3em', color: '#fff', fontSize: '1em', fontWeight: 700, lineHeight: 1.5, textTransform: 'uppercase', borderRadius: '9999px', };