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

import './index.css';

const InputDemo = () => {
  return (
    <View>
      <Text className="demo-title">web</Text>
      <View className="demo-content">
        <View className="demo-item">
          <View className="demo-item-name">number-pad</View>
          <View className="demo-item-content">
            <Input className="my-input" placeholder="please input something" keyboardType="number-pad" />
          </View>
        </View>
        <View className="demo-item">
          <View className="demo-item-name">phone-pad</View>
          <View className="demo-item-content">
            <Input className="my-input" placeholder="please input something" keyboardType="phone-pad" />
          </View>
        </View>
        <View className="demo-item">
          <View className="demo-item-name">url</View>
          <View className="demo-item-content">
            <Input className="my-input" placeholder="please input something" keyboardType="url" />
          </View>
        </View>
        <View className="demo-item">
          <View className="demo-item-name">email</View>
          <View className="demo-item-content">
            <Input className="my-input" placeholder="please input something" keyboardType="email-address" />
          </View>
        </View>
        <View className="demo-item">
          <View className="demo-item-name">number</View>
          <View className="demo-item-content">
            <Input className="my-input" placeholder="please input something" keyboardType="numeric" />
          </View>
        </View>
      </View>
    </View>
  );
};

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