import './demo4.css';
import Box from '..';
import React from 'react';
import ReactDOM from 'react-dom';
class BoxDemo extends React.Component {
    render() {
        return (React.createElement("div", { className: "list" },
            React.createElement("div", { className: "list-item" },
                React.createElement(Box, { direction: "row", align: "center", style: { height: 90 } },
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }))),
            React.createElement("div", { className: "list-item" },
                React.createElement(Box, { direction: "row", justify: "center" },
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }))),
            React.createElement("div", { className: "list-item" },
                React.createElement(Box, { direction: "row", justify: "center", padding: 20 },
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" }),
                    React.createElement(Box, { className: "box-180-50" })))));
    }
}
ReactDOM.render(React.createElement(BoxDemo, null), document.getElementById('box-demo-4'));
