import React, { useState } from 'react'

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

export enum TabsValue {
  First = 1,
  Second = 2,
  Third = 3
}

export default function GenericType() {
  const [value, setValue] = useState<TabsValue>(TabsValue.First)
  return (
    <Tabs<TabsValue> value={value} onChange={setValue}>
      <TabPane<TabsValue> name="选项一" value={TabsValue.First}>
        first
      </TabPane>
      <TabPane name="选中项" value={TabsValue.Second}>
        second
      </TabPane>
      <TabPane name="选项三" value={TabsValue.Third}>
        third
      </TabPane>
    </Tabs>
  )
}