import React from 'react';
// import HeaderComponent from './HeaderComponent';
import TableComponent from './TableComponent';
const Layout: React.FC = () => {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', width: '100%', minHeight: '100vh', alignItems: 'center', justifyContent: 'center' }}>
      {/* <div style={{ flexGrow: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%' }}>
        <HeaderComponent />
      </div> */}
      <div style={{ flexGrow: 2, display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%' }}>
        <TableComponent />
      </div>
    </div>
  );
};

export default Layout;