var _templateObject, _templateObject2, _templateObject3, _templateObject4;
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, { keyframes, css } from 'styled-components';
var opacityKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0;  }\n  to { opacity: 1; }\n"])));
var transformKeyframes = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from {  transform: scale(0); }\n  to { transform: scale(1); }\n"])));
var fadeInAnimation = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  animation: ", " 251ms 0ms cubic-bezier(0.4, 0, 0.2, 1),\n  ", " 167ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n"])), opacityKeyframes, transformKeyframes);
var PopupWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: 0px 2px 6px ", ";\n  border-radius: 4px;\n  overflow: hidden;\n  transform-origin: top left;\n  margin-left: -5px;\n  transition: opacity 251ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 167ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  ", "\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref2) {
  var palette = _ref2.theme.palette;
  return palette[PC.LargeShadow];
}, fadeInAnimation);
var Styled = {
  PopupWrapper: PopupWrapper
};
export default Styled;