import Layout from './layouts/MainLayout.jsx';
import { Container } from '@react-email/components';
import { Text, Button } from '@react-email/components';

type EmailProps = {
  invitedBy: string;
  url: string;
};

const Email = ({ invitedBy, url }: EmailProps) => {
  return (
    <Layout>
      <Container>
        <Text className="pt-4 text-2xl">You're invited to officer.dev</Text>
        <Text>You have been invited by {invitedBy || '<invitedBy>'} to join officer.dev.</Text>
        <Text>Click the button below to set up your account.</Text>
        <Button href={url || 'https://example.com'}>Accept Invitation</Button>
      </Container>
    </Layout>
  );
};

export default Email;
