var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { PC, PSH, FV } from '@filerobot/common';
import styled from 'styled-components';
import { SidebarLeft } from '@scaleflex/icons';
var ShareWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background:  ", ";\n  box-shadow: ", ";\n  border-radius: 8px;\n  height: 100%;\n  width: 100%;\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.shadows[PSH.ShadowLg];
});
var SideBarLeftIcon = styled(SidebarLeft)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: absolute;\n  left: 260px;\n  margin-top: 28px;\n  color: ", ";\n  background:  ", ";\n  z-index: 1;\n"])), function (_ref3) {
  var palette = _ref3.theme.palette;
  return palette[PC.IconsSecondary];
}, function (_ref4) {
  var palette = _ref4.theme.palette;
  return palette[PC.BackgroundStateless];
});
var ShareDialogBody = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  width: 100%;\n  height: calc(100% - 127px);\n"])), function (_ref5) {
  var isShareSettings = _ref5.isShareSettings;
  return isShareSettings ? 'row' : 'column';
});
var LeftSideWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n"])));
var AssetsLabel = styled.label(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), function (_ref6) {
  var palette = _ref6.theme.palette;
  return palette[PC.TextSecondary];
}, function (_ref7) {
  var typography = _ref7.theme.typography;
  return typography.font[FV.LabelMediumEmphasis];
});
var LeftSide = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 12px;\n  align-items: baseline;\n  height: 58px;\n  padding: ", ";\n"])), function (_ref8) {
  var isShareSettings = _ref8.isShareSettings;
  return isShareSettings ? '24px 0 0 24px' : '0';
});
var Styled = {
  ShareWrapper: ShareWrapper,
  SideBarLeftIcon: SideBarLeftIcon,
  ShareDialogBody: ShareDialogBody,
  LeftSideWrapper: LeftSideWrapper,
  AssetsLabel: AssetsLabel,
  LeftSide: LeftSide
};
export default Styled;