text: import { PropTypes } from "react";
  
  const backgroundDiv = {
    background: "grey",
    display: "inline-block",
  };
  
  const foregroundDiv = {
    background: "rebeccapurple",
    width: "100px",
    height: "100px",
  };
  
  const Locked = ({ className }) => (
    <div className={`${className} soft flush-bottom`} style={backgroundDiv}>
      <div style={foregroundDiv} />
    </div>
  );
  
  Locked.propTypes = {
    className: PropTypes.string,
  };
  
  export default Locked;
  