@6thquake/react-material/es/DragableLayer/Box.js

React components that implement Google's Material Design.

import _extends from "@babel/runtime/helpers/extends";

/**
 * @ignore - do not document.
 */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import shouldPureComponentUpdate from './shouldPureComponentUpdate';
const styles = {
  border: '1px dashed gray',
  padding: '0.5rem 1rem',
  cursor: 'move'
};
export default class Box extends Component {
  constructor(...args) {
    super(...args);
    this.shouldComponentUpdate = shouldPureComponentUpdate;
  }

  render() {
    const {
      title,
      yellow
    } = this.props;
    const backgroundColor = yellow ? 'yellow' : 'white';
    return React.createElement("div", {
      style: _extends({}, styles, {
        backgroundColor
      })
    }, title);
  }

}
process.env.NODE_ENV !== "production" ? Box.propTypes = {
  title: PropTypes.string.isRequired,
  yellow: PropTypes.bool
} : void 0;