import Table from 'Elements/Table';
import { useStore } from 'stores/hooks';
import styled from 'styled-components';
import { columns } from './config';

const Wrapper = styled.div`
  td > * {
    margin: 0;
  }
`;

function InsuranceTable() {
  const store = useStore();

  const { values } = store.$tables.insurance;

  return (
    <Wrapper>
      <Table
        size="small"
        pagination={false}
        columns={columns}
        dataSource={values}
        scroll={{
          x: true,
        }}
      />
    </Wrapper>
  );
}

export default InsuranceTable;
