var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
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';
import { Button as SfxButton, IconButton, MenuItem as SfxMenuItem, Menu } from '@scaleflex/ui/core';
var TopBar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  padding: 23px 24px;\n  background-color: ", ";\n  outline: none;\n\n  ", "\n"])), function (props) {
  return props.theme.palette[PC.BackgroundStateless];
}, function (_ref) {
  var breakpoints = _ref.theme.breakpoints;
  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      padding-left: 13px;\n    }\n\n    ", " & {\n      padding-left: 13px;\n    }\n\n    ", " & {\n      padding-left: 13px;\n    }\n  "])), breakpoints.down('md'), breakpoints.classes.sm, breakpoints.classes.xs);
});
var LeftSide = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  margin-right: 12px;\n"])));
var RightSide = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
var CenterSide = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  flex-grow: 1;\n  height: 40px;\n  overflow: hidden;\n  display: flex;\n  outline: none;\n"])));
var AddFolderButton = styled(SfxButton)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: 12px;\n  height: 40px;\n"])));
var MoreOptionsIconButton = styled(IconButton)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: 12px;\n"])));
var MorOptionsMenu = styled(Menu)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 224px;\n  padding: 8px;\n  background-color: ", ";\n"])), function (props) {
  return props.theme.palette[PC.BackgroundStateless];
});
var MenuItem = styled(SfxMenuItem)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n  gap: 10px;\n"])));
var Styled = {
  TopBar: TopBar,
  LeftSide: LeftSide,
  RightSide: RightSide,
  AddFolderButton: AddFolderButton,
  CenterSide: CenterSide,
  MoreOptionsIconButton: MoreOptionsIconButton,
  MenuItem: MenuItem,
  MorOptionsMenu: MorOptionsMenu
};
export default Styled;