import { Heading, Row, Section, Text } from "@react-email/components";
import Base from "./base";

export type ContattoAdmin_NewMail = {
	mailType: "contattoAdminEmail";
	props: ContattoAdminEmailProps;
};

type ContattoAdminEmailProps = {
	nome: string;
	cognome: string;
	email: string;
	telefono: string;
	messaggio: string;
};
const ContattoAdminEmail = ({
	nome,
	cognome,
	email,
	telefono,
	messaggio,
}: ContattoAdminEmailProps) => {
	return (
		<Base preview="Contatto Email">
			<>
				<Heading className="text-center text-3xl leading-8">
					Richiesta di contatto
				</Heading>

				<Section className="px-5 text-left text-base md:px-12">
					<Row>
						<Text>Data: {new Date().toLocaleString("it-IT")}</Text>
						<Text>Nome: {nome}</Text>
						<Text>Cognome: {cognome}</Text>
						<Text>Email: {email}</Text>
						<Text>Telefono: {telefono}</Text>
						<Text>Messaggio: {messaggio}</Text>
					</Row>
				</Section>
			</>
		</Base>
	);
};
export default ContattoAdminEmail;