import React from 'react'
import {
    Container,
    Center,
    Spinner,
} from '@chakra-ui/react'

export const XlSpinner = () => (
    <Container maxW="container.xl">
        <Center h="300px">
            <Spinner
                thickness="4px"
                speed="0.65s"
                emptyColor="gray.200"
                color="blue.500"
                size="xl"
            />
        </Center>
    </Container>
)