import Box from '../../box';
import Icon from '../../icon';
import Progress from '..';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(React.createElement("div", null,
    React.createElement(Box, { direction: "row", spacing: 60 },
        React.createElement(Progress, { percent: 30, shape: "circle", color: "#AF5F3C" }),
        React.createElement(Progress, { percent: 50, shape: "circle", color: "#E91E63", backgroundColor: '#00BCD4' }),
        React.createElement(Progress, { percent: 90, shape: "circle", color: "rgba(119,66,141, 0.9)", textRender: () => React.createElement(Icon, { type: "select", size: "xl" }) })),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Box, { direction: "column", spacing: 20 },
        React.createElement(Progress, { percent: 30, shape: "line", color: "rgb(208,16,76)" }),
        React.createElement(Progress, { percent: 50, shape: "line", color: "#E91E63", backgroundColor: '#00BCD4' }),
        React.createElement(Progress, { percent: 90, shape: "line", color: "blue", textRender: () => React.createElement(Icon, { type: "select", size: "medium" }) }))), document.getElementById('progress-demo-6'));
