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, { css } from 'styled-components';
import { PC } from '@filerobot/common';
var CollectionsWrapper = styled.div(function (_ref) {
  var palette = _ref.theme.palette,
    inheritHeight = _ref.inheritHeight;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 24px 0;\n    height: 100%;\n    max-height: 1100px;\n    height: ", ";\n    width: 100%;\n    background: ", ";\n\n    @media (max-width: 1296px) {\n      background: ", ";\n    }\n  "])), inheritHeight ? 'inherit' : 'auto', palette[PC.BackgroundPrimary], palette[PC.BackgroundStateless]);
});
var CollectionsListWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: inherit;\n  max-width: 1100px;\n  border-radius: 0 0 8px 8px;\n"])));
var CollectionsHeaderWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  width: inherit;\n  max-width: 1100px;\n  border-radius: 8px 8px 0 0;\n  background: ", ";\n  padding: 24px 20px;\n"])), function (_ref2) {
  var palette = _ref2.theme.palette;
  return palette[PC.BackgroundStateless];
});
var ActionsWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  gap: 24px;\n"])));
var Styled = {
  CollectionsWrapper: CollectionsWrapper,
  CollectionsListWrapper: CollectionsListWrapper,
  CollectionsHeaderWrapper: CollectionsHeaderWrapper,
  ActionsWrapper: ActionsWrapper
};
export default Styled;