import { Flex } from 'client/UIKit/grid';
import { useState } from 'react';
import styled from 'styled-components';
import { BottomControls, TopControls } from './Components/Controls';
import InsTable from './Components/InsTable';

const ContentWrapper = styled(Flex)`
  flex-direction: column;
  width: 100%; !important
`;

const buildELTContent = ({ tableConfig, ...params }) => props => {
  const [selectedKey, selectKey] = useState();
  return (
    <ContentWrapper>
      <TopControls {...params} />
      <InsTable
        {...params}
        tableConfig={tableConfig}
        selectedKey={selectedKey}
        selectKey={selectKey}
      />
      <BottomControls {...params} selectedKey={selectedKey} />
    </ContentWrapper>
  );
};

export default buildELTContent;
