src/email/templates/AccountWithoutPasswordExists/AccountWithoutPasswordExists.tsx

import React from 'react';

import { Page } from '@/email/components/Page';
import { Button } from '@/email/components/Button';
import { Header } from '@/email/components/Header';
import { SubHeader } from '@/email/components/SubHeader';
import { Text } from '@/email/components/Text';
import { Footer } from '@/email/components/Footer';

export const AccountWithoutPasswordExists = () => {
	return (
		<Page title="Account exists">
			<Header />
			<SubHeader>This account already exists</SubHeader>
			<Text>Hello again,</Text>
			<Text>
				<strong>You are already registered with the Guardian.</strong>
			</Text>
			<Text>
				To continue to your account please click below to create a password.
			</Text>
			<Text noPaddingBottom>This link is valid for 60 minutes.</Text>
			<Button href="$createPasswordLink">Create password</Button>
			<Footer
				mistakeParagraphComponent={
					<>
						If you didn&apos;t try to register, please ignore this email. Your
						details won&apos;t be changed and no one has accessed your account.
					</>
				}
			/>
		</Page>
	);
};