var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { PC } from '@filerobot/common';
import { ArrowDown as SfxArrowDown, ArrowUp as SfxArrowUp } from '@scaleflex/icons';
import { InputLocalization } from '@scaleflex/ui/core';
import styled, { css } from 'styled-components';
var SortWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  column-gap: 5px;\n\n  .SfxMenuItem-Icon.SfxMenuItem-Actions {\n    display: none;\n  }\n\n  .SfxInputLocalization-Label,\n  .SfxInputLocalization-Container {\n    cursor: pointer;\n  }\n"])));
var SortMenu = styled(InputLocalization)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.SfxInputLocalization-Container,\n  .SfxInputLocalization-root,\n  .SfxInputLocalization-Label {\n    cursor: ", ";\n  }\n"])), function (_ref) {
  var disabled = _ref.disabled;
  return disabled ? 'not-allowed' : 'pointer';
});
var SortItem = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0;\n\n  &:hover {\n    svg {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n"])));
var ArrowDown = styled(SfxArrowDown)(function (_ref2) {
  var $isActived = _ref2.$isActived,
    $isActiveOption = _ref2.$isActiveOption,
    palette = _ref2.theme.palette;
  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  margin-left: auto;\n  margin-right: 4px;\n  color: ", ";\n  transition: all 150ms linear;\n  padding: 4px;\n  box-sizing: content-box;\n\n  &:hover {\n    color: ", ";\n  }\n\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActived ? palette[PC.AccentStateless] : palette[PC.IconsSecondary], palette[PC.IconsSecondaryHover]);
});
var ArrowUp = styled(SfxArrowUp)(function (_ref3) {
  var $isActived = _ref3.$isActived,
    $isActiveOption = _ref3.$isActiveOption,
    palette = _ref3.theme.palette;
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  color: ", ";\n  transition: all 150ms ease-out;\n  padding: 4px;\n  box-sizing: content-box;\n\n  &:hover {\n    color: ", ";\n  }\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActived ? palette[PC.AccentStateless] : palette[PC.IconsSecondary], palette[PC.IconsSecondaryHover]);
});
var Styled = {
  SortWrapper: SortWrapper,
  SortItem: SortItem,
  ArrowDown: ArrowDown,
  ArrowUp: ArrowUp,
  SortMenu: SortMenu
};
export default Styled;