import type {FunctionComponent} from 'react'
import {VStack} from '@/components/ui/vstack'
import {Spinner} from '@/components/ui/spinner'
import colors from 'tailwindcss/colors'

const FullPageSpinner: FunctionComponent = () => {
  return (
    <VStack className="h-full justify-center items-center">
      <Spinner size="large" color={colors.gray[500]} />
    </VStack>
  )
}

export default FullPageSpinner
