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

export default () => (
  <div className={styles.container}>
    <div id="components-avatar-demo-type">
      <div>
        <Avatar icon="user" />
        <Avatar icon={<Icon type="user" />} />
        <Avatar>U</Avatar>
        <Avatar>USER</Avatar>
        <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
        <Avatar style={{ color: "#f56a00", backgroundColor: "#fde3cf" }}>
          U
        </Avatar>
        <Avatar style={{ backgroundColor: "#87d068" }} icon="user" />
      </div>
    </div>
  </div>
);