import './Overlay.styles_5retl8.css';
import { styled } from '@linaria/react';

var _exp = function _exp() {
  return function (_ref) {
    var zIndex = _ref.zIndex;
    return zIndex;
  };
};
var _exp2 = function _exp2() {
  return function (_ref2) {
    var backgroundColorToken = _ref2.backgroundColorToken;
    return backgroundColorToken;
  };
};
var _exp3 = function _exp3() {
  return function (_ref3) {
    var withBlur = _ref3.withBlur;
    return withBlur ? 'blur(1rem)' : 'none';
  };
};
var _exp4 = function _exp4() {
  return function (_ref4) {
    var transparent = _ref4.transparent;
    return transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)';
  };
};
var _exp5 = function _exp5() {
  return function (_ref5) {
    var transparent = _ref5.transparent;
    return transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)';
  };
};
var _exp6 = function _exp6() {
  return function (_ref6) {
    var clickable = _ref6.clickable;
    return clickable ? 'pointer' : 'default';
  };
};
var StyledOverlay = /*#__PURE__*/styled('div')({
  name: "StyledOverlay",
  "class": "s1asqm9u",
  propsAsIs: false,
  vars: {
    "s1asqm9u-0": [/*#__PURE__*/_exp()],
    "s1asqm9u-1": [/*#__PURE__*/_exp2()],
    "s1asqm9u-2": [/*#__PURE__*/_exp3()],
    "s1asqm9u-3": [/*#__PURE__*/_exp4()],
    "s1asqm9u-4": [/*#__PURE__*/_exp5()],
    "s1asqm9u-5": [/*#__PURE__*/_exp6()]
  }
});

export { StyledOverlay };
