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>
        <RadioGroup radioType="button" value={size} onChange={setSize}>
          <Radio value="small">小</Radio>
          <Radio value="default">中</Radio>
          <Radio value="large">大</Radio>
        </RadioGroup>
      </div>
      <Tabs defaultValue="2" size={size}>
        <TabPane name="选项一" value="1">
          first
        </TabPane>
        <TabPane name="选中项" value="2">
          second
        </TabPane>
        <TabPane name="选项三" value="3">
          third
        </TabPane>
      </Tabs>
    </div>
  )
}