import './demo1.css';
import Avatar from '..';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(React.createElement("div", null,
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar, { size: "xl", icon: "account" }),
        React.createElement(Avatar, { size: "large", icon: "account" }),
        React.createElement(Avatar, { size: "medium", icon: "account" }),
        React.createElement(Avatar, { size: "small", icon: "account" })),
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar, { shape: "square", size: "xl", icon: "account" }),
        React.createElement(Avatar, { shape: "square", size: "large", icon: "account" }),
        React.createElement(Avatar, { shape: "square", size: "medium", icon: "account" }),
        React.createElement(Avatar, { shape: "square", size: "small", icon: "account" })),
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar.Group, null,
            React.createElement(Avatar, { size: "small", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "small", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "small", style: { backgroundColor: '#87d068' }, icon: "account" }),
            React.createElement(Avatar, { size: "small", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "small", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "small", style: { backgroundColor: '#87d068' }, icon: "account" }))),
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar.Group, null,
            React.createElement(Avatar, { src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { style: { backgroundColor: '#87d068' }, icon: "account" }),
            React.createElement(Avatar, { src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { style: { backgroundColor: '#87d068' }, icon: "account" }))),
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar.Group, null,
            React.createElement(Avatar, { size: "large", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "large", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "large", style: { backgroundColor: '#87d068' }, icon: "account" }),
            React.createElement(Avatar, { size: "large", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "large", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "large", style: { backgroundColor: '#87d068' }, icon: "account" }))),
    React.createElement("div", { className: "avatar-demo" },
        React.createElement(Avatar.Group, null,
            React.createElement(Avatar, { size: "xl", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "xl", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "xl", style: { backgroundColor: '#87d068' }, icon: "account" }),
            React.createElement(Avatar, { size: "xl", src: "https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png" }),
            React.createElement(Avatar, { size: "xl", style: { color: '#f56a00', backgroundColor: '#fde3cf' } }, "U"),
            React.createElement(Avatar, { size: "xl", style: { backgroundColor: '#87d068' }, icon: "account" })))), document.getElementById('avatar-demo-1'));
