import Input from '..';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
  <div>
    <Input
      showLimitHint
      addonTextBefore="http://"
      addonTextAfter=".com"
      size="large"
      defaultValue="alibaba"
      maxLength={5}
      aria-label="input with config of addonTextBefore and addonTextAfter"
    />
    <br />
    <br />

    <Input
      addonTextBefore="http://"
      addonTextAfter=".com"
      size="medium"
      value="alibaba"
      aria-label="input with config of addonTextBefore and addonTextAfter"
    />
    <br />
    <br />

    <Input
      addonTextBefore="http://"
      addonTextAfter=".com"
      size="small"
      value="alibaba"
      disabled
      aria-label="input with config of addonTextBefore and addonTextAfter"
    />
    <br />
    <br />
    <Input
      addonTextBefore="http://"
      addonTextAfter=".com"
      state="error"
      size="xs"
      value="alibaba"
      theme='grey'
      aria-label="input with config of addonTextBefore and addonTextAfter"
    />
    <br />
    <br />
    <Input
      addonTextBefore="http://"
      addonTextAfter=".com"
      size="xs"
      value="alibaba"
      theme='grey'
      disabled
      aria-label="input with config of addonTextBefore and addonTextAfter"
    />
  </div>,
  document.getElementById('input-demo-3'),
);
