var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
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 { Button, DatePicker as SfxDatePicker, InputGroup as SfxInputGroup, SelectGroup as SfxSelectGroup, SwitcherGroup as SfxSwitcherGroup } from '@scaleflex/ui/core';
import { PC } from '@filerobot/common';
import { InfoOutline } from '@scaleflex/icons';
var ModalContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])));
var ModalWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 24px;\n  height: 100%;\n  overflow-y: auto;\n"])));
var InputsWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 32px;\n"])));
var SelectWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 32px 0;\n"])));
var InputGroup = styled(SfxInputGroup)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: ", ";\n\n  ", "\n"])), function (_ref) {
  var $width = _ref.$width;
  return $width ? "".concat($width, "px") : '100%';
}, function (_ref2) {
  var $isTime = _ref2.$isTime;
  return $isTime && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    input {\n      cursor: inherit;\n    }\n\n    .SfxInput-Icon {\n      display: none;\n    }\n\n    *::-webkit-calendar-picker-indicator {\n      width: 16px;\n      height: 16px;\n      filter: invert(65%);\n      cursor: pointer;\n    }\n  "])));
});
var DatePicker = styled(SfxDatePicker)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: ", ";\n\n  .SfxInput-root {\n    width: 100%;\n  }\n\n  ", "\n"])), function (_ref3) {
  var $width = _ref3.$width;
  return $width ? "".concat($width, "px") : '100%';
}, function (_ref4) {
  var $error = _ref4.$error,
    palette = _ref4.theme.palette;
  return $error && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    .SfxFormHint-root,\n    .SfxLabel-root {\n      color: ", "}\n  "])), palette[PC.Error]);
});
var ToggleWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 32px;\n"])));
var SwitcherDateOptionsWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  column-gap: 12px;\n"])));
var SwitcherOptionsWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: ", ";;\n\n  .SfxInputGroup-root {\n    margin-top: ", ";\n  }\n"])), function (_ref5) {
  var $fullWidth = _ref5.$fullWidth;
  return $fullWidth ? '100%' : 'auto';
}, function (_ref6) {
  var _ref6$$mt = _ref6.$mt,
    $mt = _ref6$$mt === void 0 ? 0 : _ref6$$mt;
  return "".concat($mt, "px");
});
var SwitchInputsWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n"])));
var SwitcherWrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 260px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n"])));
var SwitcherGroup = styled(SfxSwitcherGroup)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n"])));
var SelectGroup = styled(SfxSelectGroup)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n"])));
var FooterWrapper = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  column-gap: 12px;\n  flex-shrink: 0;\n  padding: 24px;\n  border-top: 1px solid ", ";\n"])), function (_ref7) {
  var palette = _ref7.theme.palette;
  return palette[PC.BordersSecondary];
});
var FooterButton = styled(Button)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  width: 120px;\n  height: 40px;\n\n  .SfxButton-Label {\n    display: ", "\n  }\n"])), function (_ref8) {
  var $loading = _ref8.$loading;
  return $loading ? 'none' : 'flex';
});
var InfoIcon = styled(InfoOutline)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  color: ", ";\n  cursor: pointer;\n"])), function (_ref9) {
  var palette = _ref9.theme.palette;
  return palette[PC.IconsSecondary];
});
var Styled = {
  ModalContainer: ModalContainer,
  ModalWrapper: ModalWrapper,
  InputGroup: InputGroup,
  InputsWrapper: InputsWrapper,
  ToggleWrapper: ToggleWrapper,
  SwitchInputsWrapper: SwitchInputsWrapper,
  SwitcherOptionsWrapper: SwitcherOptionsWrapper,
  SwitcherDateOptionsWrapper: SwitcherDateOptionsWrapper,
  SwitcherWrapper: SwitcherWrapper,
  SwitcherGroup: SwitcherGroup,
  DatePicker: DatePicker,
  SelectWrapper: SelectWrapper,
  SelectGroup: SelectGroup,
  FooterWrapper: FooterWrapper,
  FooterButton: FooterButton,
  InfoIcon: InfoIcon
};
export default Styled;