import {
Body,
Button,
Container,
Heading,
Html,
Img,
Preview,
Section,
Text,
} from 'jsx-email'
import { Signature } from './components/Signature.tsx'
import type { Template } from '../types.ts'
import type { JSX } from 'preact'
import {
bodyCss,
buttonCss,
headingCss,
messageCss,
rootCss,
textCss,
} from './styles/base.tsx'
import { BaseStyle } from './styles/base.tsx'
function Welcome(
{ firstname, lastname, login, endpoint }: {
firstname: string
lastname: string
login: string
endpoint?: string
},
): JSX.Element {
return (
Bienvenue au FabLab Coh@bit
Bienvenue au
Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que{' '}
{firstname} {lastname}.
Votre identifiant est {login}.
Laissez parler votre créativité, vous êtes prêt à collaborer avec
toute une communauté ouverte et accueillante.
Par où commencer ?
)
}
const preCss: JSX.CSSProperties = {
fontFamily: 'monospace',
fontSize: '1rem',
padding: '0.2rem',
borderRadius: '0.4rem',
backgroundColor: rootCss.backgroundColor,
}
const imgCss: JSX.CSSProperties = {
display: 'inline',
padding: '1rem',
transform: 'translateY(40%)',
maxHeight: '3rem',
}
const template: Template[0]> = {
props: [
{
name: 'Prénom',
description: "Prénom de l'usager.",
required: true,
multiline: false,
tag: 'firstname',
},
{
name: 'Nom',
description: "Nom de famille de l'usager.",
required: true,
multiline: false,
tag: 'lastname',
},
{
name: 'Login',
description: "Login de l'usager.",
required: true,
multiline: false,
tag: 'login',
},
{
name: 'Endpoint',
description: 'Endpoint du lien "Accéder à mon compte"',
required: false,
multiline: false,
tag: 'endpoint',
},
],
name: 'welcome',
description: 'Coh@bit welcome mail for new users.',
builder: Welcome,
}
export default template