import Icon from '../../icon';
import React from 'react';
import ReactDOM from 'react-dom';
import Tag from '..';
const { Group: TagGroup } = Tag;
ReactDOM.render(React.createElement("div", { className: "tag-list" },
    React.createElement("h4", null, "large size"),
    React.createElement(TagGroup, null,
        React.createElement(Tag, { type: "normal", size: "large" }, "Normal large Tag"),
        React.createElement(Tag, { type: "primary", size: "large" }, "Primary large Tag"),
        React.createElement(Tag, { size: "large" },
            React.createElement(Icon, { type: "smile" }),
            " Tag With Icon")),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(TagGroup, null,
            React.createElement(Tag, { type: "normal", size: "large", theme: 'grey' }, "Normal large Tag"),
            React.createElement(Tag, { type: "primary", size: "large", theme: 'grey' }, "Primary large Tag"),
            React.createElement(Tag, { size: "large", theme: 'grey' },
                React.createElement(Icon, { type: "smile" }),
                " Tag With Icon"))),
    React.createElement("h4", null, "medium(default) size"),
    React.createElement(TagGroup, null,
        React.createElement(Tag, { type: "normal", size: "medium" }, "Normal Tag"),
        React.createElement(Tag, { type: "primary" }, "Primary Tag"),
        React.createElement(Tag, null,
            React.createElement(Icon, { type: "smile" }),
            " Tag With Icon")),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(TagGroup, null,
            React.createElement(Tag, { type: "normal", size: "medium", theme: 'grey' }, "Normal large Tag"),
            React.createElement(Tag, { type: "primary", size: "medium", theme: 'grey' }, "Primary large Tag"),
            React.createElement(Tag, { size: "medium", theme: 'grey' },
                React.createElement(Icon, { type: "smile" }),
                " Tag With Icon"))),
    React.createElement("h4", null, "small size"),
    React.createElement(TagGroup, null,
        React.createElement(Tag, { type: "normal", size: "small" }, "Normal Small Tag"),
        React.createElement(Tag, { type: "primary", size: "small" }, "Primary Small Tag"),
        React.createElement(Tag, { size: "small" },
            React.createElement(Icon, { type: "smile" }),
            " Tag With Icon")),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(TagGroup, null,
            React.createElement(Tag, { type: "normal", size: "small", theme: 'grey' }, "Normal large Tag"),
            React.createElement(Tag, { type: "primary", size: "small", theme: 'grey' }, "Primary large Tag"),
            React.createElement(Tag, { size: "small", theme: 'grey' },
                React.createElement(Icon, { type: "smile" }),
                " Tag With Icon"))),
    React.createElement("h4", null, "xs size"),
    React.createElement(TagGroup, null,
        React.createElement(Tag, { type: "normal", size: "xs" }, "Normal Small Tag"),
        React.createElement(Tag, { type: "primary", size: "xs" }, "Primary Small Tag"),
        React.createElement(Tag, { size: "xs" },
            React.createElement(Icon, { type: "smile" }),
            " Tag With Icon")),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(TagGroup, null,
            React.createElement(Tag, { type: "normal", size: "xs", theme: 'grey' }, "Normal large Tag"),
            React.createElement(Tag, { type: "primary", size: "xs", theme: 'grey' }, "Primary large Tag"),
            React.createElement(Tag, { size: "xs", theme: 'grey' },
                React.createElement(Icon, { type: "smile" }),
                " Tag With Icon"))),
    React.createElement("h4", null, "link tag"),
    React.createElement(TagGroup, null,
        React.createElement(Tag, { type: "normal" },
            React.createElement("a", { href: "//www.alibaba.com", target: "_blank" }, "normal Link Tag")),
        React.createElement(Tag, { type: "primary" },
            React.createElement("a", { href: "//www.alibaba.com", target: "_blank" }, "primary Link Tag")),
        React.createElement(Tag, { size: "small" },
            React.createElement("a", { href: "//www.alibaba.com", target: "_blank" },
                React.createElement(Icon, { type: "smile" }),
                " Link Tag With Icon"))),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(TagGroup, null,
            React.createElement(Tag, { type: "normal", theme: 'grey' },
                React.createElement("a", { href: "//www.alibaba.com", target: "_blank" }, "normal Link Tag")),
            React.createElement(Tag, { type: "primary", theme: 'grey' },
                React.createElement("a", { href: "//www.alibaba.com", target: "_blank" }, "primary Link Tag")),
            React.createElement(Tag, { size: "small", theme: 'grey' },
                React.createElement("a", { href: "//www.alibaba.com", target: "_blank" },
                    React.createElement(Icon, { type: "smile" }),
                    " Link Tag With Icon"))))), document.getElementById('tag-demo-2'));
