import { Spinner } from '@blueprintjs/core'
import { css } from '@emotion/css'
import type { FC } from 'react'

const wrapper = css`
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex: 1;
`

const CenteredSpinner: FC = () => (
  <span className={wrapper}>
    <Spinner tagName='span' />
  </span>
)

export default CenteredSpinner
