@xo-union/tk-component-header-nav/lib/components/HeaderNavPagelet/Placeholder.cjs.js

"use strict";

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _tkUiBreakpoints = require("@xo-union/tk-ui-breakpoints");
var _variables = _interopRequireDefault(require("@xo-union/tk-ui-colors/lib/variables.css"));
const styles = () => `
.Union__header-nav-pagelet-placeholder {
  background-color: ${_variables.default.varBackgroundLight};
  border-bottom: 1px solid #ccc;
  display: flex;
  height: 60px;
}

@media (${_tkUiBreakpoints.variables.inDesktop}) {
  .Union__header-nav-pagelet-placeholder {
    height: 120px;
  }
}
`;
var _default = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("style", {
  // eslint-disable-next-line react/no-danger
  dangerouslySetInnerHTML: {
    __html: styles()
  }
}), /*#__PURE__*/_react.default.createElement("div", {
  className: "Union__header-nav-pagelet-placeholder"
}));
exports.default = _default;