import renderFormRows from '../../lib/render-rows';
import { id, mobileRows, rows, title } from './config';
import FinGAPTable from './FinGAPTable';
import InsuranceTable from './InsuranceTable';
import { Media } from '@/styles/media';
import { Flex } from 'ui/grid';

function Insurance() {
  return (
    <Flex flexDirection="column">
      <Media lessThan="laptop">{renderFormRows(mobileRows)}</Media>
      <Media greaterThanOrEqual="laptop">{renderFormRows(rows)}</Media>
      <InsuranceTable />
      <FinGAPTable />
    </Flex>
  );
}

export default {
  Component: Insurance,
  id,
  title,
};