import { Center, Text } from '@vtex/store-ui'
import React, { FC } from 'react'

const BelowTheFold: FC = () => (
  <Center height="150px">
    <Text sx={{ width: '50%' }}>
      This is the below the fold part of your home page. All data in this part
      should be fetched lazily. Make sure this part is not on the above the fold
      part, mainly in mobile, since it can damage the greatily the performance
    </Text>
  </Center>
)

export default BelowTheFold