import { selectors } from '@defencedigital/design-tokens';
import styled from 'styled-components';
var zIndex = selectors.zIndex;
export var StyledModal = styled.div.withConfig({
  displayName: "StyledModal",
  componentId: "sc-190zvl-0"
})(["position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.2);display:", ";z-index:", ";"], function (_ref) {
  var $isOpen = _ref.$isOpen;
  return $isOpen ? 'block' : 'none';
}, zIndex('modal', 1));