import './demo12.css';
import Grid from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { Row, Col } = Grid;
ReactDOM.render(React.createElement("div", { className: "justify-demo" },
    React.createElement("div", { className: "grid-fixed-demo-title" }, "start"),
    React.createElement(Row, { justify: "start" },
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4")),
    React.createElement("div", { className: "grid-fixed-demo-title" }, "center"),
    React.createElement(Row, { justify: "center" },
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4")),
    React.createElement("div", { className: "grid-fixed-demo-title" }, "end"),
    React.createElement(Row, { justify: "end" },
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4")),
    React.createElement("div", { className: "grid-fixed-demo-title" }, "space-between"),
    React.createElement(Row, { justify: "space-between" },
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4")),
    React.createElement("div", { className: "grid-fixed-demo-title" }, "space-around"),
    React.createElement(Row, { justify: "space-around" },
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"),
        React.createElement(Col, { span: "4" }, "col-4"))), document.getElementById('grid-demo-12'));
