function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { FV, Image, PC } from '@filerobot/common';
import { Button, Modal, ModalActions, ModalContent, ModalTitle, Skeleton } from '@scaleflex/ui/core';
import styled, { css } from 'styled-components';
var ExplorerModal = styled(Modal)(function (_ref) {
  var palette = _ref.theme.palette;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  max-width: 350px;\n  border-radius: 4px;\n  scrollbar-color: ", " ", ";\n  scrollbar-width: thin;\n\n  .SfxModal-root {\n    overflow: hidden;\n    height: 100%;\n  }\n\n  ::-webkit-scrollbar {\n    width: 12px;\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-track {\n    margin-block: 6px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border: 4px solid ", ";\n    border-radius: 99px;\n    padding: 4px 6px;\n    height: 50px;\n    background-clip: padding-box;\n  }\n"])), palette[PC.IconsMuted], palette[PC.ActiveSecondary], palette[PC.ActiveSecondary], palette[PC.IconsMuted], palette[PC.ActiveSecondary]);
});
var ExplorerModalHeader = styled(ModalTitle)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n\n  ", "\n\n  .SfxModalTitle-Icon {\n    padding: 14.5px;\n    ", ";\n  }\n\n  .SfxCrossButton-root{\n    ", ";\n  }\n\n  .SfxModalTitle-LabelSecondary {\n    color: ", ";\n    ", ";\n    text-align: center;\n  }\n\n  .SfxModalTitle-LabelPrimary {\n    ", ";\n    border: none;\n  }\n"])), function (_ref2) {
  var bottomBorder = _ref2.bottomBorder;
  return bottomBorder && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-bottom: 1px solid ", ";\n  "])), function (_ref3) {
    var palette = _ref3.theme.palette;
    return palette[PC.BordersSecondary];
  });
}, function (_ref4) {
  var _ref4$modalIconStyle = _ref4.modalIconStyle,
    modalIconStyle = _ref4$modalIconStyle === void 0 ? {} : _ref4$modalIconStyle;
  return _objectSpread({}, modalIconStyle);
}, function (_ref5) {
  var _ref5$modalCrossButto = _ref5.modalCrossButtonStyle,
    modalCrossButtonStyle = _ref5$modalCrossButto === void 0 ? {} : _ref5$modalCrossButto;
  return _objectSpread({}, modalCrossButtonStyle);
}, function (_ref6) {
  var palette = _ref6.theme.palette;
  return palette[PC.TextSecondary];
}, function (_ref7) {
  var typography = _ref7.theme.typography;
  return typography.font[FV.LabelMedium];
}, function (_ref8) {
  var _ref8$primaryTitleSty = _ref8.primaryTitleStyle,
    primaryTitleStyle = _ref8$primaryTitleSty === void 0 ? {} : _ref8$primaryTitleSty;
  return _objectSpread({}, primaryTitleStyle);
});
var ModalBody = styled(ModalContent)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 24px 12px 24px;\n  overflow-y: auto;\n"])));
var ModalFooter = styled(ModalActions)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  display: flex;\n  flex-direction: ", ";\n  padding: 12px 24px 24px 24px;\n  gap: 12px;\n  flex-shrink: 0;\n\n  & *:not(:first-child) {\n    margin-left: 0;\n  }\n"])), function (_ref9) {
  var borderTop = _ref9.borderTop;
  return borderTop && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-top: 1px solid ", ";\n  "])), function (_ref10) {
    var palette = _ref10.theme.palette;
    return palette[PC.BordersSecondary];
  });
}, function (_ref11) {
  var $inlineActionButtons = _ref11.$inlineActionButtons;
  return $inlineActionButtons ? 'row' : 'column';
});
var ModalButtons = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex: 1;\n  justify-content: center;\n  padding: 10px 16px;\n  height: 40px;\n  white-space: nowrap;\n  width: ", ";\n\n  ", "\n"])), function (_ref12) {
  var $fullWidth = _ref12.$fullWidth;
  return $fullWidth ? '100%' : 'auto';
}, function (_ref13) {
  var $warningPrimaryButton = _ref13.$warningPrimaryButton;
  return $warningPrimaryButton && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    background-color: ", ";\n\n    &:hover, &:active {\n      background-color: ", ";\n    }\n  "])), function (_ref14) {
    var palette = _ref14.theme.palette;
    return palette[PC.Warning];
  }, function (_ref15) {
    var palette = _ref15.theme.palette;
    return palette[PC.Warning];
  });
});
var PreviewWrapper = styled.div(function (_ref16) {
  var palette = _ref16.theme.palette;
  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    row-gap: 4px;\n    position: absolute;\n    right: -286px;\n    top: -137px;\n    width: 278px;\n    height: 354px;\n    padding: 12px 24px 24px 24px;\n    background-color: ", ";\n    box-shadow: 0px 2px 6px ", ";\n    border-radius: 4px;\n  "])), palette[PC.BackgroundStateless], palette[PC.HeavyShadow]);
});
var PreviewError = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n  height: 100%;\n  justify-content: center;\n"])));
var PreviewErrorLabel = styled.span(function (_ref17) {
  var _ref17$theme = _ref17.theme,
    palette = _ref17$theme.palette,
    font = _ref17$theme.typography.font;
  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    color: ", ";\n    ", "\n  "])), palette[PC.TextSecondary], font[FV.TextLarge]);
});
var PreviewLabel = styled.span(function (_ref18) {
  var _ref18$theme = _ref18.theme,
    palette = _ref18$theme.palette,
    font = _ref18$theme.typography.font,
    isPdfPageLoaded = _ref18.isPdfPageLoaded;
  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    color: ", ";\n    ", "\n    font-weight: 500;\n    opacity: ", ";\n  "])), palette[PC.TextSecondary], font[FV.TextMedium], isPdfPageLoaded ? 1 : 0);
});
var PreviewImage = styled(Image)(function (_ref19) {
  var isPdfPageLoaded = _ref19.isPdfPageLoaded;
  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    position: relative;\n    z-index: 99;\n    width: 230px;\n    height: 100%;\n    opacity: ", ";\n  "])), isPdfPageLoaded ? 1 : 0);
});
var PreviewLoader = styled(Skeleton)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 12px;\n  left: 24px;\n  width: 230px;\n  height: 318px;\n  z-index: 100;\n"])));
var OptionsWrapper = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n"])));
var Styled = {
  ExplorerModal: ExplorerModal,
  ExplorerModalHeader: ExplorerModalHeader,
  ModalBody: ModalBody,
  ModalFooter: ModalFooter,
  ModalButtons: ModalButtons,
  PreviewWrapper: PreviewWrapper,
  PreviewError: PreviewError,
  PreviewErrorLabel: PreviewErrorLabel,
  PreviewLabel: PreviewLabel,
  PreviewImage: PreviewImage,
  PreviewLoader: PreviewLoader,
  OptionsWrapper: OptionsWrapper
};
export default Styled;