import React from 'react';
import { Button } from '@mui/material';
import LaunchIcon from '@mui/icons-material/Launch';

function Registry() {
  return (
    <div
      style={{
        height: '100%',
        width: '100%',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'column',
      }}
    >
      <p style={{ width: '90%', textAlign: 'center' }}>
        Thank you for your generous gifts! We look forward to seeing you at the
        wedding.
      </p>
      <Button variant="contained" endIcon={<LaunchIcon />}>
        Go to Registry
      </Button>
    </div>
  );
}

export default Registry;