import { createElement, render, useState, useRef, useEffect, useCallback } from 'rax';
import DriverUniversal from 'driver-universal';
import View from 'rax-view';
import Text from 'rax-text';
import { SelectDrawer } from '@alifd/meet';

import './index.css';

function Demo() {
  return (
    <View>
      <Text className="demo-title">Small</Text>
      <View className="demo-content">
        <SelectDrawer
          size="small"
          drawerTitle="选择框标题"
          content="已经选择的内容"
          placeholder="提示文案"
          style={{ width: '100%' }}
        >
          这里是一些内容
        </SelectDrawer>
        <SelectDrawer size="small" drawerTitle="选择框标题" content="" placeholder="提示文案" style={{ width: '100%' }}>
          这里是一些内容
        </SelectDrawer>
      </View>
      <Text className="demo-title">Medium</Text>
      <View className="demo-content">
        <SelectDrawer
          drawerTitle="选择框标题"
          content="已经选择的内容"
          placeholder="提示文案"
          style={{ width: '100%' }}
        >
          这里是一些内容
        </SelectDrawer>
        <SelectDrawer drawerTitle="选择框标题" content="" placeholder="提示文案" style={{ width: '100%' }}>
          这里是一些内容
        </SelectDrawer>
      </View>
      <Text className="demo-title">Large</Text>
      <View className="demo-content">
        <SelectDrawer
          size="large"
          drawerTitle="选择框标题"
          content="已经选择的内容"
          placeholder="提示文案"
          style={{ width: '100%' }}
        >
          这里是一些内容
        </SelectDrawer>
        <SelectDrawer size="large" drawerTitle="选择框标题" content="" placeholder="提示文案" style={{ width: '100%' }}>
          这里是一些内容
        </SelectDrawer>
      </View>
      <Text className="demo-title">右对齐</Text>
      <View className="demo-content">
        <SelectDrawer
          align="right"
          drawerTitle="选择框标题"
          content="已经选择的内容"
          placeholder="提示文案"
          style={{ width: '100%' }}
        >
          这里是一些内容
        </SelectDrawer>
      </View>
    </View>
  );
}

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