import React, { useState } from 'react'

import { TabPane, Tabs, Button } from 'react-icecream'

export default function Demo() {
  const [isDelete, setIsDelete] = useState<boolean>(false)

  return (
    <div>
      <Button type="primary" onClick={() => setIsDelete(!isDelete)}>展示/隐藏第二项</Button>
      <Tabs defaultValue="2">
        <TabPane name="选项一" value="1">
          first
        </TabPane>
        {!isDelete && <TabPane name="第二项" value="2">
          second
        </TabPane>}
        <TabPane name="选项三" value="3">
          third
        </TabPane>
      </Tabs>
    </div>
  )
}