import React, { useState } from 'react'

import { TabPane, Tabs, ComponentSize, RadioGroup, Radio } from 'react-icecream'

export default function Demo() {
  const [size, setSize] = useState<ComponentSize>('default')
  return (
    <div>
      <div style={{ marginBottom: 14 }}>
        <RadioGroup radioType="button" value={size} onChange={setSize}>
          <Radio value="small">小</Radio>
          <Radio value="default">中</Radio>
          <Radio value="large">大</Radio>
        </RadioGroup>
      </div>
      <Tabs defaultValue="2" type="vertical" size={size}>
        <TabPane name="选项一" value="1">
          first
        </TabPane>
        <TabPane name="选中项" value="2">
          second
        </TabPane>
        <TabPane name="选项三" value="3">
          third third third third third third third third third third third
          third third third third third third third third third third third
          third third third third third third third third third third third
        </TabPane>
      </Tabs>
    </div>
  )
}