var _templateObject, _templateObject2;
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 styled from 'styled-components';
import { Button as SfxButton } from '@scaleflex/ui/core';
var Button = styled(SfxButton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  border: 1px solid ", ";\n  transition: all 100ms ease-out;\n  background: ", ";\n\n  .SfxButton-Label {\n    font-weight: 400;\n    white-space: nowrap;\n  }\n\n  .SfxButton-EndIcon {\n    margin: auto 0;\n    margin-left: 8px;\n    transition: all 100ms ease-out;\n\n    ", "\n\n    ", "\n  }\n\n  ", "\n\n  &:hover {\n    color: ", ";\n    border-color: ", ";\n    background-color: transparent;\n  }\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.TextPrimary];
}, function (_ref2) {
  var palette = _ref2.theme.palette;
  return palette[PC.BorderPrimaryStateless];
}, function (_ref3) {
  var open = _ref3.open,
    palette = _ref3.theme.palette;
  return open ? palette[PC.Accent_0_5_Opacity] : 'transparent';
}, function (_ref4) {
  var open = _ref4.open,
    palette = _ref4.theme.palette;
  return open && "\n      transform: rotate(180deg);\n      color: ".concat(palette[PC.IconsPrimary], "\n    ");
}, function (_ref5) {
  var active = _ref5.active,
    open = _ref5.open,
    palette = _ref5.theme.palette;
  return open && active && "\n      transform: rotate(180deg);\n      color: ".concat(palette[PC.AccentStateless], "\n    ");
}, function (_ref6) {
  var active = _ref6.active,
    open = _ref6.open,
    palette = _ref6.theme.palette;
  return active && "\n    color: ".concat(palette[PC.AccentStateless], ";\n    border-color: ").concat(!open ? palette[PC.AccentStateless] : palette[PC.BorderPrimaryStateless], ";\n  ");
}, function (_ref7) {
  var palette = _ref7.theme.palette;
  return palette[PC.AccentStateless];
}, function (_ref8) {
  var palette = _ref8.theme.palette;
  return palette[PC.AccentStateless];
});
var Count = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  white-space: pre;\n"])));
var Styled = {
  Button: Button,
  Count: Count
};
export default Styled;