var _templateObject, _templateObject2, _templateObject3;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled from 'styled-components';
var RootContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
var GridContainer = styled.div.attrs(function (_ref) {
  var _ref$$transform = _ref.$transform,
    $transform = _ref$$transform === void 0 ? 0 : _ref$$transform,
    $height = _ref.$height;
  return {
    style: {
      transform: "translateY(".concat($transform, "px)"),
      height: $height
    }
  };
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  gap: 12px;\n  will-change: transform;\n  display: grid;\n  grid-template-columns: ", ";\n  grid-auto-rows: max-content;\n\n  // <= 1084px\n  // media query\n  ", " {\n    gap: 8px;\n  }\n\n  // <= 1084px\n  // container\n  ", " & {\n    gap: 8px;\n  }\n\n  ", " & {\n    gap: 8px;\n  }\n"])), function (_ref2) {
  var _ref2$columnMinWidth = _ref2.columnMinWidth,
    columnMinWidth = _ref2$columnMinWidth === void 0 ? 214 : _ref2$columnMinWidth;
  return "repeat(auto-fill, minmax(".concat(columnMinWidth, "px, 1fr))");
}, function (props) {
  return props.theme.breakpoints.down('lg');
}, function (props) {
  return props.theme.breakpoints.classes.md;
}, function (props) {
  return props.theme.breakpoints.classes.sm;
});
var EmptyItem = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  pointer-events: none;\n  flex-basis: ", "px;\n"])), function (_ref3) {
  var $width = _ref3.$width;
  return $width;
});
var Styled = {
  RootContainer: RootContainer,
  GridContainer: GridContainer,
  EmptyItem: EmptyItem
};
export default Styled;