import { createElement, render } from 'rax';
import DriverUniversal from 'driver-universal';
import { Button } from '@alifd/meet';
import View from 'rax-view';
import Text from 'rax-text';

import './index.css';

const { Group } = Button;

const ButtonDemo = () => {
  return (
    <View>
      <Text className="demo-title">group</Text>
      <View className="demo-content">
        <Button.Group model="outline">
          <Button>按钮1</Button>
          <Button>按钮2</Button>
          <Button>按钮3</Button>
        </Button.Group>
      </View>
      <View className="demo-content">
        <Button.Group size="small" model="outline">
          <Button>按钮1</Button>
          <Button>按钮2</Button>
          <Button>按钮3</Button>
        </Button.Group>
      </View>
      <View className="demo-content">
        <Button.Group>
          <Button>按钮1</Button>
          <Button>按钮2</Button>
          <Button>按钮3</Button>
        </Button.Group>
      </View>
    </View>
  );
};

// render(<ButtonDemo />, null, { driver: DriverUniversal });
 export default ButtonDemo