"use strict";

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

exports.__esModule = true;
exports.SortStripPlaceholder = void 0;

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

var _ = require("../../..");

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject;

var SortStripPlaceholder = function SortStripPlaceholder(_ref) {
  var isLoading = _ref.isLoading;
  return /*#__PURE__*/_react["default"].createElement(Container, {
    isLoading: isLoading
  }, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "30%"
  }));
};

exports.SortStripPlaceholder = SortStripPlaceholder;

var Container = _styledComponents["default"].div.attrs({
  className: 'mt-2 container-fluid mb-lg-3 pb-lg-2'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: ", ";\n  display: flex;\n  flex-wrap: wrap;\n\n  & > div:first-child {\n    height: 2rem;\n  }\n"])), function (props) {
  return props.isLoading ? 'none !important' : 'block';
});
//# sourceMappingURL=index.js.map