import React from 'react'
import { Badge } from 'react-icecream'

import { Gap, SmallSquire, Squire } from './shapes'

export default function Demo() {
  return (
    <>
      <Badge count={5} size="small"> <SmallSquire /> </Badge>
      <Gap />
      <Badge count={5}> <Squire /> </Badge>
      <Gap />
      <Badge count={0} size="small"> <SmallSquire /> </Badge>
      <Gap />
      <Badge count={0}> <Squire /> </Badge>
      <Gap />
      <Badge count={100} size="small"> <SmallSquire /> </Badge>
      <Gap />
      <Badge count={100}> <Squire /> </Badge>
      <Gap />
      <Badge> <SmallSquire /> </Badge>
      <Gap />
      <Badge> <Squire /> </Badge>
    </>
  )
}