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

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

export default function Demo() {
  return (
    <>
      <Badge style={{ background: 'linear-gradient(to right, red, pink)' }} count={5}>
        <Squire />
      </Badge>
      <Gap />
      <Badge style={{ background: '#108ee9' }} count={111}><Squire /></Badge>
      <Gap />
      <Badge style={{ border: '1px solid #e5e5e5', background: '#fff', color: '#000' }} count={111}>
        <Squire />
      </Badge>
    </>
  )
}