var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { PC, FV } from '@filerobot/common';
import styled, { css } from 'styled-components';
import { IconButton as SfxIconButton, TooltipV2, Button as SfxButton, Search as SfxSearch } from '@scaleflex/ui/core';
import { Pin as SfxPin } from '@scaleflex/icons';
var PinButton = styled(SfxIconButton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 8px;\n  margin-right: 4px;\n  color: ", ";\n \n  &:focus {\n    background-color: transparent;\n    color: ", ";\n  }\n"])), function (_ref) {
  var isPinModalVisible = _ref.isPinModalVisible,
    palette = _ref.theme.palette;
  return isPinModalVisible ? palette[PC.LinkActive] : palette[PC.IconsPrimary];
}, function (_ref2) {
  var isPinModalVisible = _ref2.isPinModalVisible,
    palette = _ref2.theme.palette;
  return isPinModalVisible ? palette[PC.LinkActive] : palette[PC.IconsPrimary];
});
var PinQuery = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  padding: 2px;\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.typography.font[FV.LabelMediumEmphasis];
}, function (_ref4) {
  var palette = _ref4.theme.palette;
  return palette[PC.TextPrimary];
});
var PinTooltipQuery = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.typography.font[FV.LabelSmallUpEmphasis];
}, function (_ref6) {
  var palette = _ref6.theme.palette;
  return palette[PC.TextPrimary];
});
var PinTooltipQueryKeys = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n"])), function (_ref7) {
  var theme = _ref7.theme;
  return theme.typography.font[FV.TextSmallUp];
}, function (_ref8) {
  var palette = _ref8.theme.palette;
  return palette[PC.TextSecondary];
});
var SavedPin = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 8px 16px;\n  display: flex;\n  justify-content: space-between;\n"])));
var PinTooltip = styled(TooltipV2)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: block;\n\n  ", "\n"])), function (_ref9) {
  var isFlexColumn = _ref9.isFlexColumn;
  return isFlexColumn && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    > div {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  "])));
});
var PinTooltipContent = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  display: flex;\n  align-items: center;\n  min-width: 0;\n"])), function (_ref10) {
  var theme = _ref10.theme;
  return theme.typography.font[FV.LabelMedium];
}, function (_ref11) {
  var palette = _ref11.theme.palette;
  return palette[PC.TextSecondary];
});
var ActionPinButton = styled(SfxButton)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-left: 12px;\n"])));
var PinSearch = styled(SfxSearch)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: 1px;\n  width: 280px\n"])));
var PinModalDivider = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid\n    ", ";\n  width: 100%;\n  margin: 4px 16px;\n"])), function (_ref12) {
  var palette = _ref12.theme.palette;
  return palette[PC.BordersSecondary];
});
var PinQueryKeys = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  padding: 8px 16px;\n"])), function (_ref13) {
  var theme = _ref13.theme;
  return theme.typography.font[FV.LabelMedium];
}, function (_ref14) {
  var palette = _ref14.theme.palette;
  return palette[PC.TextSecondary];
});
var NoPinnedSearch = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 32px 0px;\n"])));
var NoPinsHeader = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n"])), function (_ref15) {
  var theme = _ref15.theme;
  return theme.typography.font[FV.LabelLargeEmphasis];
}, function (_ref16) {
  var palette = _ref16.theme.palette;
  return palette[PC.TextSecondary];
});
var NoPinsText = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  ", "\n  margin-top: 4px;\n"])), function (_ref17) {
  var theme = _ref17.theme;
  return theme.typography.font[FV.TextMedium];
});
var Pin = styled(SfxPin)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref18) {
  var palette = _ref18.theme.palette;
  return palette[PC.AccentPrimaryActive];
});
var Styled = {
  PinButton: PinButton,
  PinQuery: PinQuery,
  PinTooltipQuery: PinTooltipQuery,
  PinTooltipQueryKeys: PinTooltipQueryKeys,
  SavedPin: SavedPin,
  PinTooltip: PinTooltip,
  PinTooltipContent: PinTooltipContent,
  ActionPinButton: ActionPinButton,
  PinSearch: PinSearch,
  PinModalDivider: PinModalDivider,
  PinQueryKeys: PinQueryKeys,
  NoPinnedSearch: NoPinnedSearch,
  NoPinsHeader: NoPinsHeader,
  NoPinsText: NoPinsText,
  Pin: Pin
};
export default Styled;