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

export default function Demo() {
  return (
    <>
      <Tag color="blue" filled>热门</Tag>
      <Gap />
      <Tag color="green" filled>对象存储</Tag>
      <Gap />
      <Tag color="orange" filled>内容审核</Tag>
      <Gap />
      <Tag color="orange" filled closable>内容审核</Tag>
      <Gap />
      <Tag color="grey" filled>内容审核</Tag>
      <Gap />
      <Tag color="grey" filled closable>内容审核</Tag>
      <Gap />
      <Tag color="cobalt" filled>热门</Tag>
      <Gap />
      <Tag color="cyan" filled>热门</Tag>
      <Gap />
      <Tag color="lemon" filled>热门</Tag>
      <Gap />
      <Tag color="magenta" filled>热门</Tag>
      <Gap />
      <Tag color="olivine" filled>热门</Tag>
      <Gap />
      <Tag color="orange-red" filled>热门</Tag>
      <Gap />
      <Tag color="purple" filled>热门</Tag>
      <Gap />
      <Tag color="red" filled>热门</Tag>
      <Gap />
      <Tag color="yellow" filled>热门</Tag>
    </>
  )
}

function Gap() {
  return <div style={{ display: 'inline-block', width: '8px' }} />
}