58 lines
1.4 KiB
TypeScript
58 lines
1.4 KiB
TypeScript
import type { ReactNode } from "react";
|
|
import { Button, Heading, Row, Section, Text } from "react-email";
|
|
import z from "zod";
|
|
import Base from "./base";
|
|
|
|
export const GenericMailTag = "generic";
|
|
|
|
export const GenericPropsSchema = z.object({
|
|
title: z
|
|
.string({ error: "Il campo non può essere vuoto" })
|
|
.nonempty("Il campo non può essere vuoto"),
|
|
noreply: z.boolean().optional(),
|
|
link: z
|
|
.object({
|
|
href: z.string(),
|
|
label: z.string().optional(),
|
|
})
|
|
.optional(),
|
|
corpo: z.custom<ReactNode>().optional(),
|
|
testo: z
|
|
.string({ error: "Il campo non può essere vuoto" })
|
|
.nonempty("Il campo non può essere vuoto"),
|
|
});
|
|
|
|
const Generic = ({
|
|
title,
|
|
noreply = false,
|
|
testo,
|
|
corpo,
|
|
link = undefined,
|
|
}: z.infer<typeof GenericPropsSchema>) => {
|
|
return (
|
|
<Base noreply={noreply} preview={title}>
|
|
<>
|
|
<Heading className="text-center text-3xl leading-8">{title}</Heading>
|
|
<Section className="px-5 text-left text-base md:px-12">
|
|
{corpo || (
|
|
<Row>
|
|
<Text>{testo}</Text>
|
|
</Row>
|
|
)}
|
|
{link && (
|
|
<Section className="mb-5">
|
|
<Button
|
|
className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
|
|
href={`${link.href}`}
|
|
>
|
|
{link.label}
|
|
</Button>
|
|
</Section>
|
|
)}
|
|
</Section>
|
|
</>
|
|
</Base>
|
|
);
|
|
};
|
|
|
|
export default Generic;
|