@hackplan/polaris/esnext/components/Backdrop/Backdrop.js

Shopify’s product component library

import React from 'react';
import { classNames } from '../../utilities/css';
import ScrollLock from '../ScrollLock';
import styles from './Backdrop.scss';
export default function Backdrop(props) {
    const { onClick, onTouchStart, belowNavigation, transparent } = props;
    const className = classNames(styles.Backdrop, belowNavigation && styles.belowNavigation, transparent && styles.transparent);
    return (<React.Fragment>
      <ScrollLock />
      <div className={className} onClick={onClick} testID="Backdrop" onTouchStart={onTouchStart}/>
    </React.Fragment>);
}