/**
 * @format
 */

import {Box, Heading, Text} from '@chakra-ui/react'
import React, {useMemo} from 'react'
import {VantageDataTable} from '../components/VantageDataTable'
import MOCK_DATA from '../MOCK_DATA.json'

export const PortalDemand = () => {
  const data = useMemo(() => MOCK_DATA, [])

  return (
    <>
      <Box bgColor="#FAFBFC">
        <Heading px="4" py="6" pb="4" mb="0" variant="size18">
          Residential For Sales in Malaysia
        </Heading>
        <Text
          m="4"
          mt="0"
          fontSize="14px"
          color="grey.500"
          fontFamily="Roboto-Medium"
          lineHeight="150%"
        >
          Malaysia
        </Text>
        <VantageDataTable data={data} />
      </Box>
    </>
  )
}
