mdx-deck-theme-garlic/dist/components/Column.js

garlic theme for mdx-deck

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styled = _interopRequireDefault(require("@emotion/styled"));

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

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  display: grid;\n  height: 100%;\n  width: ", "vw;\n  align-content: center;\n  grid-template-columns: repeat(", ", 1fr);\n  & > div {\n    display: flex;\n    align-items: center;\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var StyledColumn = _styled["default"].div(_templateObject(), function (props) {
  return props.viewWidth;
}, function (props) {
  return props.count;
});

var Column = function Column(_ref) {
  var children = _ref.children,
      count = _ref.count,
      viewWidth = _ref.viewWidth;
  return _react["default"].createElement(StyledColumn, {
    count: count,
    viewWidth: viewWidth
  }, children);
};

Column.defaultProps = {
  count: 2,
  viewWidth: 80
};
Column.propTypes = {
  child: _propTypes["default"].string
};
var _default = Column;
exports["default"] = _default;