@kiwicom/orbit-components/lib/Layout/LayoutColumn/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _defaultTheme = _interopRequireDefault(require("../../defaultTheme"));
var _consts = require("../../utils/mediaQuery/consts");
var _mediaQuery = _interopRequireDefault(require("../../utils/mediaQuery"));
const StyledColumn = _styledComponents.default.div.withConfig({
  displayName: "LayoutColumn__StyledColumn",
  componentId: "sc-aa57pk-0"
})(["", ""], ({
  spanEntireRow,
  hideOn
}) => (0, _styledComponents.css)(["", ";", ";"], Boolean(hideOn) && hideOn.length > 0 && Object.values(_consts.DEVICES).map(viewport => viewport in _mediaQuery.default ? (0, _styledComponents.css)(["", ";"], _mediaQuery.default[viewport]((0, _styledComponents.css)(["display:", ";"], hideOn.includes(viewport) && "none"))) :
// "smallMobile" is not media query so we need to check it explicitly
viewport === "smallMobile" && hideOn.includes(viewport) && (0, _styledComponents.css)(["display:none;"])), spanEntireRow && (0, _styledComponents.css)(["grid-column:1 / -1;"])));
StyledColumn.defaultProps = {
  theme: _defaultTheme.default
};
const LayoutColumn = ({
  children,
  hideOn = [],
  as = "div",
  spanEntireRow,
  dataTest
}) => {
  return (
    /*#__PURE__*/
    /* @ts-expect-error: as */
    React.createElement(StyledColumn, {
      "data-test": dataTest,
      hideOn: hideOn,
      as: as,
      spanEntireRow: spanEntireRow
    }, children)
  );
};
var _default = LayoutColumn;
exports.default = _default;