gistfile1.html

<Draggable handle='.header'
           start={initPosition.toObject()}
           moveOnStartChange={true}
           onStop={this.handleMoveStop}>
  <Resizable width={initSize.get('width')} height={initSize.get('height')}
             minConstraints={[150, 150]}
             maxConstraints={[500, 300]}
             onResize={this.handleResize}
             onResizeStop={this.handleResizeStop}>
    <div className="popup"
         style={this.state.size.toObject()}
         {...other}>
      <div className="header">
           {faIcon ? <Icon className='icon' name={faIcon}/> : null}
           {title}
      </div>
      <div className="body">
        {children}
      </div>
    </div>
  </Resizable>
</Draggable>