var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
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 { PSH } from '@filerobot/common';
import { IconButton } from '@scaleflex/ui/core';
var Resizer = styled.div(function (_ref) {
  var $size = _ref.$size,
    disableResizer = _ref.disableResizer,
    position = _ref.position,
    _ref$theme = _ref.theme,
    shadows = _ref$theme.shadows,
    breakpoints = _ref$theme.breakpoints;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: stretch;\n  flex-flow: row nowrap;\n  z-index: 1200;\n  border-radius: 12px;\n  margin-top: 4px;\n  margin-left: ", ";\n  padding-bottom: 0px;\n  width: ", ";\n  flex-grow: ", ";\n  box-shadow: ", ";\n\n  ", " {\n    box-shadow: ", ";\n  }\n\n  ", " & {\n    box-shadow: ", ";\n  }\n\n  ", " & {\n    box-shadow: ", ";\n  }\n"])), position === 'left' ? '0' : '24px', $size !== 0 && !disableResizer && 'auto', $size !== 0 && !disableResizer && 0, position === 'left' ? shadows[PSH.LeftPanelMd] : shadows[PSH.RightPanelMd], breakpoints.down('lg'), position === 'left' ? shadows[PSH.LeftPanelSm] : shadows[PSH.RightPanelSm], breakpoints.classes.md, position === 'left' ? shadows[PSH.LeftPanelSm] : shadows[PSH.RightPanelSm], breakpoints.classes.sm, position === 'left' ? shadows[PSH.LeftPanelSm] : shadows[PSH.RightPanelSm]);
});
var ResizerHandler = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  cursor: col-resize;\n  width: 12px;\n  height: 50px;\n\n  & > span {\n    display: inline-block;\n    overflow: hidden;\n    font-size: 12px;\n    font-weight: bold;\n    font-family: sans-serif;\n    letter-spacing: 1px;\n    color: #b3b3b3;\n    text-shadow: 1px 0 1px rgb(90, 90, 90);\n    line-height: 4px;\n  }\n"])));
var ResizerBar = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: col-resize;\n  width: 10px;\n  margin-right: -10px;\n  background: transparent;\n  display: flex;\n  z-index: 1150;\n  align-items: center ;\n  align-content: center ;\n  justify-content: center;\n"])));
var NavWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  min-width: 276px;\n  max-width: 500px;\n  height: 100%;\n"])));
var NavContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
var CloseButton = styled(IconButton)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 14px;\n  top: 26px;\n  z-index: 1000;\n\n  ", "\n"])), function (_ref2) {
  var isLeftPosition = _ref2.isLeftPosition;
  return isLeftPosition && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    rotate: 180deg;\n  "])));
});
var Styled = {
  Resizer: Resizer,
  ResizerHandler: ResizerHandler,
  ResizerBar: ResizerBar,
  NavWrapper: NavWrapper,
  NavContent: NavContent,
  CloseButton: CloseButton
};
export default Styled;