import { Footer } from './components/footer';

type TemplateProps = {
  title: string;
  body: JSX.Element;
};

export default function Template({ title, body }: TemplateProps) {
  return (
    <div
      style={{
        maxWidth: '720px',
        alignContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F9FBFB',
      }}
    >
      <h1
        style={{
          padding: '20px',
          textAlign: 'center',
          fontSize: '24px',
          fontWeight: 'bold',
          color: 'white',
          backgroundColor: `#8230CC`,
        }}
      >
        {title}
      </h1>
      <div style={{ margin: '20px', padding: '20px' }}>{body}</div>
      <Footer />
    </div>
  );
}