var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
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 { FV, PC } from '@filerobot/common';
import { IconButton, CrossButton, Button } from '@scaleflex/ui/core';
var Header = styled.div(function (_ref) {
  var theme = _ref.theme;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 12px 16px 24px;\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  border-radius: 4px 4px 0px 0px;\n  height: 72px;\n\n  ", " {\n    height: 60px;\n  }\n\n  ", " & {\n    height: 60px;\n  }\n\n  ", " & {\n    height: 60px;\n  }\n"])), function (_ref2) {
    var theme = _ref2.theme;
    return theme.palette[PC.BackgroundStateless];
  }, function (_ref3) {
    var theme = _ref3.theme;
    return theme.palette[PC.BordersSecondary];
  }, theme.breakpoints.down('lg'), theme.breakpoints.classes.md, theme.breakpoints.classes.sm);
});
var HeaderRightSectionWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 12px;\n  align-items: center;\n"])));
var HeaderRightSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: row;\n  gap: 12px;\n  align-items: center;\n"])), function (_ref4) {
  var $hidden = _ref4.$hidden;
  return $hidden ? 'none' : 'flex';
});
var HeaderTitleAndLocate = styled.div(function (_ref5) {
  var theme = _ref5.theme;
  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  max-width: calc(100% - 550px);\n  flex-grow: 1;\n  margin-right: 40px;\n\n  ", " {\n    max-width: calc(100% - 450px)\n  }\n\n  ", " & {\n    max-width: calc(100% - 450px)\n  }\n\n  ", " {\n    max-width: calc(100% - 350px)\n  }\n\n  ", " & {\n    max-width: calc(100% - 350px)\n  }\n\n  ", " {\n    max-width: calc(100% - 320px)\n  }\n\n  ", " & {\n    max-width: calc(100% - 320px)\n  }\n\n"])), theme.breakpoints.down('lg'), theme.breakpoints.classes.md, theme.breakpoints.down('md'), theme.breakpoints.classes.sm, theme.breakpoints.down('sm'), theme.breakpoints.classes.xs);
});
var HeaderTitle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n  color: ", ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (_ref6) {
  var theme = _ref6.theme;
  return theme.typography.font[FV.TitleH3];
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.palette[PC.TextPrimary];
});
var actionBtnsStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 12px;\n  align-items: center;\n"])));
var HeaderActionBtns = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", ";\n"])), actionBtnsStyles);
var SizeHideableContent = styled.div(function (_ref8) {
  var theme = _ref8.theme,
    defaultDisplay = _ref8.defaultDisplay;
  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", " {\n    display: none;\n  }\n\n  ", " & {\n    display: none;\n  }\n\n  ", " & {\n    display: none;\n  }\n"])), !defaultDisplay ? actionBtnsStyles : '', theme.breakpoints.down('lg'), theme.breakpoints.classes.md, theme.breakpoints.classes.sm);
});
var HeaderActionBtn = styled(IconButton)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border: none;\n"])));
var EditButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  max-height: 40px;\n  white-space: nowrap;\n  margin-right: ", ";\n"])), function (_ref9) {
  var noMargin = _ref9.noMargin;
  return !noMargin && '12px';
});
var RegionalVariantsWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 172px;\n"])));
var HeaderCloseBtn = styled(CrossButton)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  padding: 12px;\n"])));
var Styled = {
  Header: Header,
  HeaderTitleAndLocate: HeaderTitleAndLocate,
  HeaderTitle: HeaderTitle,
  HeaderRightSectionWrapper: HeaderRightSectionWrapper,
  HeaderRightSection: HeaderRightSection,
  HeaderActionBtns: HeaderActionBtns,
  SizeHideableContent: SizeHideableContent,
  HeaderActionBtn: HeaderActionBtn,
  RegionalVariantsWrapper: RegionalVariantsWrapper,
  HeaderCloseBtn: HeaderCloseBtn,
  EditButton: EditButton
};
export default Styled;