import React, { useState } from 'react'

import { MultiSelect, SelectOption as Option } from 'react-icecream'

export default function Demo() {
  const [products, setProducts] = useState<string[]>([])

  return (
    <MultiSelect clearable searchable={{ reserveKeyword: true }} withSelectAll value={products} onChange={setProducts} placeholder="请选择">
      <Option value="kodo">对象存储 Kodo</Option>
      <Option value="fusion">CDN</Option>
      <Option value="pcdn">PCDN</Option>
      <Option value="dcdn">DCDN</Option>
      <Option value="dora" disabled>智能多媒体服务 Dora</Option>
      <Option value="qvm">云主机服务 QVM</Option>
      <Option value="pandora">机器数据分析平台 Pandora</Option>
    </MultiSelect>
  )
}