import './demo3.css';
import Icon from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const sizes = ['xxs', 'xs', 'small', 'medium', 'large', 'xl', 'xxl', 'xxxl'];
const inherit = 'inherit';
ReactDOM.render((React.createElement("div", null,
    React.createElement("ul", { className: "icon-sizes" }, sizes.map((size, index) => (React.createElement("li", { key: index },
        React.createElement(Icon, { type: "smile", 
            // @ts-ignore
            size: size }),
        React.createElement("span", null, size))))),
    React.createElement("span", null, inherit),
    React.createElement("h4", null,
        "Shall I compare thee to a summer's day? ",
        React.createElement(Icon, { type: "smile", size: inherit }),
        " ",
        React.createElement(Icon, { type: "set", size: inherit })),
    React.createElement("h3", null,
        "Thou art more lovely and more temperate. ",
        React.createElement(Icon, { type: "smile", size: inherit }),
        " ",
        React.createElement(Icon, { type: "set", size: inherit })),
    React.createElement("h2", null,
        "Rough winds do shake the darling buds of May,  ",
        React.createElement(Icon, { type: "smile", size: inherit }),
        " ",
        React.createElement(Icon, { type: "set", size: inherit })),
    React.createElement("h1", null,
        "And summer's lease hath all too short a date.  ",
        React.createElement(Icon, { type: "smile", size: inherit }),
        " ",
        React.createElement(Icon, { type: "set", size: inherit })))), document.getElementById('icon-demo-3'));
