import { Center, Spinner, Box, Flex, Stack } from '@chakra-ui/react'

const LoaderItem: React.FC = () => (
  <Center minH={`300px`}>
    <Stack justifyContent={'center'} alignItems={'center'}>
      <Spinner color="var(--chakra-colors-qore-primary)" />
      <Box>Please wait for a moment</Box>
    </Stack>
  </Center>
)

export default LoaderItem
