@shopify/polaris/dist/esm/components/Backdrop/Backdrop.js

Shopify’s product component library

import React$1 from 'react';
import { classNames } from '../../utilities/css.js';
import { ScrollLock as ScrollLock$1 } from '../ScrollLock/ScrollLock.js';
import styles from './Backdrop.scss.js';

var _ref = /*#__PURE__*/React$1.createElement(ScrollLock$1, null);

function Backdrop(props) {
  var {
    onClick,
    onTouchStart,
    belowNavigation,
    transparent
  } = props;
  var className = classNames(styles.Backdrop, belowNavigation && styles.belowNavigation, transparent && styles.transparent);
  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, _ref, /*#__PURE__*/React$1.createElement("div", {
    className: className,
    onClick: onClick,
    onTouchStart: onTouchStart
  }));
}

export { Backdrop };