var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { Button, Menu } from '@scaleflex/ui/core';
import styled, { css } from 'styled-components';
import FilterItem from '@filerobot/common/lib/FilterItem';
import { PC } from '@filerobot/common';
import { SidebarLeft } from '@scaleflex/icons';
var UploadsListWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: calc(100% - 96px - 64px);\n\n  ", "\n"])), function (_ref) {
  var breakpoints = _ref.theme.breakpoints;
  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      height: calc(100% - 100px - 48px);\n    }\n\n    ", " {\n      height: calc(100% - 72px - 48px);\n    }\n\n    ", " & {\n      height: calc(100% - 72px - 48px);\n    }\n\n    ", " & {\n      height: calc(100% - 72px - 48px);\n    }\n\n    ", " & {\n      height: calc(100% - 72px - 48px);\n    }\n\n    ", " & {\n      height: calc(100% - 72px - 48px);\n    }\n  "])), breakpoints.between('lg', 'xl'), breakpoints.down('lg'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.classes.xs);
});
var UploadFilesContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
var UploadFilter = styled(FilterItem)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border: 0;\n  margin-left: auto;\n  padding: 0;\n  background-color: transparent;\n  margin-top: 24px;\n  margin-right: calc(24px + 4px); //4px for scrollbar\n  margin-bottom: 10px;\n  color: ", "\n\n  ", "\n"])), function (_ref2) {
  var palette = _ref2.theme.palette;
  return palette[PC.LinkStateless];
}, function (_ref3) {
  var breakpoints = _ref3.theme.breakpoints;
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      margin-top: 24px;\n      margin-right: calc(24px + 4px); //4px for scrollbar\n    }\n\n    ", " {\n      margin-top: 24px;\n      margin-right: calc(24px + 4px);\n    }\n\n    ", " & {\n      margin-top: 24px;\n      margin-right: calc(24px + 4px);\n    }\n\n    ", " & {\n      margin-top: 24px;\n      margin-right: calc(24px + 4px);\n    }\n\n    ", " & {\n      margin-top: 16px;\n      margin-right: calc(16px + 4px);\n    }\n\n    ", " & {\n      margin-top: 16px;\n      margin-right: calc(16px + 4px);\n    }\n  "])), breakpoints.between('lg', 'xxxl'), breakpoints.down('lg'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.classes.xs);
});
var UploadFiltersMenu = styled(Menu)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 6px;\n"])));
var ListWrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(214px, 1fr));\n  gap: 16px;\n  padding: ", ";\n  overflow-y: auto;\n\n  ", "\n"])), function (_ref4) {
  var isUploadsPanel = _ref4.isUploadsPanel,
    isShareSettings = _ref4.isShareSettings;
  return isUploadsPanel || !isShareSettings ? '13px 24px' : '10px 24px 13px 24px';
}, function (_ref5) {
  var breakpoints = _ref5.theme.breakpoints;
  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    ", " {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 24px;\n    }\n\n    ", " {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 24px;\n    }\n\n\n    ", " & {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 24px;\n    }\n\n\n    ", " & {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 24px;\n    }\n\n    ", " & {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 16px;\n    }\n\n    ", " & {\n      grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n      gap: 8px;\n      padding: 13px 16px;\n    }\n  "])), breakpoints.between('xs', 'lg'), breakpoints.down('lg'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.classes.xs);
});
var SideBarLeftIcon = styled(SidebarLeft)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: absolute;\n  left: 260px;\n  margin-top: 28px;\n  color: ", ";\n\n  ", "\n"])), function (_ref6) {
  var palette = _ref6.theme.palette;
  return palette[PC.IconsSecondary];
}, function (_ref7) {
  var breakpoints = _ref7.theme.breakpoints;
  return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    ", " {\n      margin-top: 28px;\n    }\n\n    ", " {\n      margin-top: 28px;\n    }\n\n    ", " & {\n      margin-top: 28px;\n    }\n\n    ", " & {\n      margin-top: 28px;\n    }\n\n    ", " & {\n      margin-top: 24px;\n    }\n\n    ", " & {\n      margin-top: 24px;\n    }\n  "])), breakpoints.between('lg', 'xxxl'), breakpoints.down('lg'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.classes.xs);
});
var UploadSettingsTrigger = styled(Button)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin: 24px 0 0 24px;\n\n    ", "\n"])), function (_ref8) {
  var breakpoints = _ref8.theme.breakpoints;
  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    ", " {\n      margin: 24px 0 0 24px;\n    }\n\n    ", " {\n      margin: 24px 0 0 24px;\n    }\n\n    ", " & {\n      margin: 24px 0 0 24px;\n    }\n\n    ", " & {\n      margin: 24px 0 0 24px;\n    }\n\n    ", " & {\n      margin: 16px 0 0 16px;\n    }\n\n    ", " & {\n      margin: 16px 0 0 16px;\n    }\n\n    &:hover {\n      border: 1px solid white;\n    }\n  "])), breakpoints.between('lg', 'xl'), breakpoints.down('lg'), breakpoints.classes.lg, breakpoints.classes.md, breakpoints.classes.sm, breakpoints.classes.xs);
});
var UploadHeader = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
var VirtualListWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n"])));
var ListInner = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n"])));
var ListContent = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n"])));
var ListRow = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n"])));
var Styled = {
  UploadsListWrapper: UploadsListWrapper,
  UploadFilesContainer: UploadFilesContainer,
  UploadFilter: UploadFilter,
  UploadFiltersMenu: UploadFiltersMenu,
  ListWrapper: ListWrapper,
  VirtualListWrapper: VirtualListWrapper,
  ListInner: ListInner,
  ListContent: ListContent,
  ListRow: ListRow,
  SideBarLeftIcon: SideBarLeftIcon,
  UploadHeader: UploadHeader,
  UploadSettingsTrigger: UploadSettingsTrigger
};
export default Styled;