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 { Button } from '@scaleflex/ui/core';
import styled from 'styled-components';
import { FV, PC } from '@filerobot/common';
var ItemButtonOverlay = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  visibility: hidden;\n  z-index: 1;\n  transition: all 100ms ease-out;\n  border-radius: 3px 0 0 0;\n\n  *:hover > &, &.selected-item {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.Extra_0_3_Overlay];
});
var OverlayButton = styled(Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  padding: 5px 8px;\n  background-color: ", ";\n  color: ", ";\n  z-index: 100;\n  border: 0;\n  transition: all 100ms ease-out;\n\n  .SfxButton-Label {\n    align-items: center;\n    column-gap: 4px;\n    ", ";\n\n    path {\n      fill: ", ";\n    }\n  }\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_ref2) {
  var palette = _ref2.theme.palette;
  return palette[PC.Extra_0_7_Overlay];
}, function (_ref3) {
  var palette = _ref3.theme.palette;
  return palette[PC.ButtonPrimaryText];
}, function (_ref4) {
  var typography = _ref4.theme.typography;
  return typography.font[FV.ButtonXsUp];
}, function (_ref5) {
  var palette = _ref5.theme.palette;
  return palette[PC.ButtonPrimaryText];
}, function (_ref6) {
  var palette = _ref6.theme.palette;
  return palette[PC.Extra_0_9_Overlay];
}, function (_ref7) {
  var palette = _ref7.theme.palette;
  return palette[PC.ButtonPrimaryText];
});
var Styled = {
  ItemButtonOverlay: ItemButtonOverlay,
  OverlayButton: OverlayButton
};
export default Styled;