text: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { constants } from 'trello-smooth-dnd';
  const { wrapperClass } = constants;
  
  class Draggable extends Component {
    render() {
      if (this.props.render) {
        return React.cloneElement(this.props.render(), { className: wrapperClass });
      }
      const clsName = `${this.props.className ? this.props.className + ' ' : ''}`;
      return (
        <div {...this.props} className={`${clsName}${wrapperClass}`}>
          {this.props.children}
        </div>
      );
    }
  }
  
  Draggable.propTypes = {
    render: PropTypes.func,
  };
  
  export default Draggable;
  