MainPage.tsx

import { Breadcrumb, Button, Layout, Menu, Image } from 'antd';
import React from 'react';
const { Header, Content, Footer } = Layout;
import 'antd/dist/antd.css'

import Preview from './Preview';

const MainPage = () => (
  <Layout className="layout">
    
    <Content
      style={{
        padding: '0 50px',
      }}
    >
    <Preview></Preview>
    </Content>
    <Footer
      style={{
        textAlign: 'center',
      }}
    >
      Ant Design ©2018 Created by Ant UED
    </Footer>
  </Layout>
);

export default MainPage;