"use strict";

require("./demo1.css");

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Row = _["default"].Row,
    Col = _["default"].Col;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "basic-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "One"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "24"
}, "col-24")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Two"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "12"
}, "col-12"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "12"
}, "col-12")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Three"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Four"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "6"
}, "col-6"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "6"
}, "col-6"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "6"
}, "col-6"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "6"
}, "col-6")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Five"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "1p5"
}, "col-1p5"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "1p5"
}, "col-1p5"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "1p5"
}, "col-1p5"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "1p5"
}, "col-1p5"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "1p5"
}, "col-1p5")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Six"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "4"
}, "col-4"))), document.getElementById('grid-demo-1'));