baazjs/src/components/Mask/mask.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import'./mask.scss';

/**
 * A component that masks content.
 *
 * @class Mask
 * @extends {Component}
 *
 * @typedef Mask
 * @kind class component
 *
 * @returns {React.Element} A React component that will mask content.
 */
class Mask extends Component {
    
    static propTypes = {
        classes: PropTypes.shape({
            root: PropTypes.string,
            root_active: PropTypes.string
        }),
        dismiss: PropTypes.func,
        isActive: PropTypes.bool
    };

    render() {
        const { classes, dismiss, isActive } = this.props;
        const className = isActive ? `mask_root_active` : `mask_root`;

        return <button className={className} onClick={dismiss} />;
    }
}

export default Mask;