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

import './index.css';

const InputTextAreaDemo = () => {
  return (
    <View>
      <Text className="demo-title">basic</Text>
      <View className="demo-content">
        <Input.TextArea className="my-input" placeholder="please input something" />
        <Input.TextArea className="my-input" placeholder="max length 11" maxLength={11} />
        <Input.TextArea className="my-input" placeholder="disabled" disabled />
      </View>

      <Text className="demo-title">inverse</Text>
      <View className="container--invserse demo-content">
        <Input.TextArea className="my-input" type="inverse" placeholder="please input something" />
        <Input.TextArea className="my-input" type="inverse" placeholder="max length 11" maxLength={11} />
        <Input.TextArea className="my-input" type="inverse" placeholder="disabled" disabled />
      </View>
    </View>
  );
};

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