var _templateObject, _templateObject2, _templateObject3, _templateObject4;
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';
import { PC } from '@filerobot/common';
var getContainerWidth = function getContainerWidth(isMainMenuCollapsed, isWidgetSmallSize) {
  if (isWidgetSmallSize) {
    return 'calc(100% - 0px)';
  }
  if (isMainMenuCollapsed) {
    return 'calc(100% - 68px)';
  }
  return '100%';
};
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n\n  .SfxBackdrop-root {\n    position: absolute;\n  }\n"])));
// 0px when menu is in temporary mode
// 68px is menu size when menu is collapsed
// 250px default menu size
var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width:", ";\n"])), function (_ref) {
  var isMainMenuCollapsed = _ref.isMainMenuCollapsed,
    isWidgetSmallSize = _ref.isWidgetSmallSize;
  return getContainerWidth(isMainMenuCollapsed, isWidgetSmallSize);
});

// TODO: Check about the proper place for those two ExplorerBrowser styles
var ExplorerBrowserList = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", ";\n  background-color: ", ";\n  overflow: auto;\n  padding: ", "; // Replaced 100px with 0 as it causes issue in virtual grid scrolling (and maybe the padding is not needed anymore?)\n\n  ::-webkit-scrollbar-track {\n    margin-block: ", ";\n    background: transparent;\n  }\n\n [data-filerobot-floaty=\"true\"] & {\n    &-collections {\n      padding-left: 48px;\n      padding-right: 48px;\n    }\n\n    &-labels {\n      padding-left: 48px;\n      padding-right: 48px;\n    }\n  }\n"])), function (_ref2) {
  var isWidgetSmallSize = _ref2.isWidgetSmallSize,
    topSectionHeight = _ref2.topSectionHeight,
    height = _ref2.height;
  return !isWidgetSmallSize && topSectionHeight && !height ? "calc(100% - ".concat(topSectionHeight, "px)") : '100%';
}, function (_ref3) {
  var palette = _ref3.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref4) {
  var withSidePadding = _ref4.withSidePadding;
  return "0 ".concat(withSidePadding ? '24px' : 0, " 0");
}, function (_ref5) {
  var isFoldersView = _ref5.isFoldersView;
  return "".concat(isFoldersView ? '40px' : '6px');
});
var ExplorerBrowserListHeader = styled.li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 16px 20px !important;\n  height: 48px;\n"])));
var Styled = {
  Wrapper: Wrapper,
  Container: Container,
  ExplorerBrowserList: ExplorerBrowserList,
  ExplorerBrowserListHeader: ExplorerBrowserListHeader
};
export default Styled;