"use strict";

require("./demo7.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: "hidden-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Hide columns under all breakpoints, resize browser to see if the second column is hidden or shown"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "16",
  hidden: true
}, "col-16")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Hide columns under a breakpoint such as xs, resize browser to see if the second column is hidden or shown"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "16",
  hidden: "xs"
}, "col-16")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "Hide columns under some breakpoints such as xs and s, resize browser to see if the second column is hidden or shown"), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "16",
  hidden: ['xs', 's']
}, "col-16"))), document.getElementById('grid-demo-7'));