pouncejs/dist/cjs/components/Grid/Grid.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.Grid = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

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

var _Box = _interopRequireDefault(require("../Box"));

/**
 * Extends <a href="/#/Box">Box</a>
 *
 * Grid layout component. You should use this anytime you want to create a container for columns
 * within the design
 */
var Grid = /*#__PURE__*/_react.default.forwardRef(function Grid(props, ref) {
  var gap = props.gap,
      rowGap = props.rowGap,
      columnGap = props.columnGap,
      autoFlow = props.autoFlow,
      autoRows = props.autoRows,
      autoColumns = props.autoColumns,
      templateRows = props.templateRows,
      templateColumns = props.templateColumns,
      templateAreas = props.templateAreas,
      area = props.area,
      column = props.column,
      row = props.row,
      inline = props.inline,
      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["gap", "rowGap", "columnGap", "autoFlow", "autoRows", "autoColumns", "templateRows", "templateColumns", "templateAreas", "area", "column", "row", "inline"]);
  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    display: inline ? 'inline-grid' : 'grid',
    ref: ref,
    gridArea: area,
    gridTemplateAreas: templateAreas,
    gridGap: gap,
    gridRowGap: rowGap,
    gridColumnGap: columnGap,
    gridAutoColumns: autoColumns,
    gridColumn: column,
    gridRow: row,
    gridAutoFlow: autoFlow,
    gridAutoRows: autoRows,
    gridTemplateRows: templateRows,
    gridTemplateColumns: templateColumns
  }, rest));
});

exports.Grid = Grid;
var _default = Grid;
exports.default = _default;