import React from 'react';
import './card.scss';

export class Card extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            dragging: false
        };
    }

    onClick(){
        if(this.props.onClick){
            this.props.onClick();
        }
    }

    onMouseEnter(){
        if(this.props.onMouseEnter){
            this.props.onMouseEnter();
        }
    }

    onMouseLeave(){
        if(this.props.onMouseLeave){
            this.props.onMouseLeave();
        }
    }

    render() {
        const _className = this.props.className ? this.props.className+" box" : "box";
        return (
            <div {...this.props} className={_className}>
              {this.props.children}
            </div>
        );
    }
}