var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled from 'styled-components';
import { PC } from '@filerobot/common';
import { IconButton } from '@scaleflex/ui/core';
import { variants } from './UploadFileFloatyLabel.mixin';
var UploadFileFloatyLabel = styled(IconButton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 2;\n  width: 22px;\n  height: 22px;\n  padding: 6px;\n  cursor: auto;\n  border: 1px solid ", ";\n  border-radius: 50%;\n  transform: translate(30%, -30%);\n  transition: all 100ms ease-out;\n  opacity: ", ";\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref2) {
  var hide = _ref2.hide;
  return hide ? 0 : 1;
}, function (_ref3) {
  var _ref3$variant = _ref3.variant,
    variant = _ref3$variant === void 0 ? 'button' : _ref3$variant;
  return variants[variant];
}, function (_ref4) {
  var palette = _ref4.theme.palette;
  return palette[PC.IconsPrimaryHover];
});
var Styled = {
  UploadFileFloatyLabel: UploadFileFloatyLabel
};
export default Styled;