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

export const ServizioAttivatoMailTag = "servizioAttivato";

const ServizioAttivato = () => {
	return (
		<Base noreply preview="Conferma Servizio Attivato">
			<>
				<Heading className="text-center text-3xl leading-8">
					Conferma Attivazione Servizio
				</Heading>
				<Section className="px-5 text-left text-base md:px-12">
					<Row>
						<Text>
							Gentile Cliente, ti informiamo che il pagamento è stato confermato
							con successo e il servizio è stato attivato.
						</Text>
						<Text>
							Puoi controllare lo stato del tuo account nella sezione dedicata.
						</Text>
						<Text>
							In allegato troverai una ricevuta di cortesia e le condizioni
							contrattuali accettate relative al servizio attivato.
						</Text>
					</Row>
				</Section>
			</>
		</Base>
	);
};

export default ServizioAttivato;
