import React from "react";
import styles from "./index.less";
import { Input, Tooltip, Icon } from "antd";

export default () => (
  <div className={styles.container}>
    <div id="components-input-demo-presuffix">
      <div>
        <Input
          placeholder="Enter your username"
          prefix={<Icon type="user" style={{ color: "rgba(0,0,0,.25)" }} />}
          suffix={
            <Tooltip title="Extra information">
              <Icon type="info-circle" style={{ color: "rgba(0,0,0,.45)" }} />
            </Tooltip>
          }
        />

        <br />
        <br />

        <Input prefix="￥" suffix="RMB" />
      </div>
    </div>
  </div>
);