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

export const AvvisoInterruzioneMailTag = "avvisoInterruzione";

const AvvisoInterruzione = () => {
	return (
		<Base noreply preview="Promemoria durata servizio">
			<>
				<Heading className="text-center text-2xl leading-8">
					Promemoria durata servizio
				</Heading>
				<Section className="px-5 text-left text-base md:px-12">
					<Row>
						<Text>Gentile Cliente,</Text>
						<Text>
							Il periodo per interrompere il servizio (entro 14 giorni dalla
							decorrenza) sta per scadere tra pochi giorni.
						</Text>
						<Text>
							Ricordati che <b> se non sei interessato a confermare</b> nessun
							immobile puoi interrompere la ricerca:
						</Text>
						<Text className="font-semibold">
							- Dalla tua area riservata, tramite il pulsante dedicato
						</Text>

						<Text className="font-semibold">
							- Inviando una mail a:{" "}
							<Link href="mailto:interruzione@infoalloggi.it">
								interruzione@infoalloggi.it
							</Link>
						</Text>
						<Text>
							Inviando l'interruzione non dovrai pagare il saldo del servizio
							acquistato.
						</Text>

						<Text>Restiamo a disposizione, Cordiali saluti</Text>
					</Row>
				</Section>
			</>
		</Base>
	);
};

export default AvvisoInterruzione;