import PropTypes from 'prop-types';
import React from 'react';
import PaperCanvas from '../containers/paper-canvas.jsx';
import BrushTool from '../containers/tools/brush-tool.jsx';
import EraserTool from '../containers/tools/eraser-tool.jsx';

const PaintEditorComponent = props => (
    <div>
        <PaperCanvas
            canvasId={props.canvasId}
            tool={props.tool}
        />
        <BrushTool canvasId={props.canvasId} />
        <EraserTool canvasId={props.canvasId} />
    </div>
);

PaintEditorComponent.propTypes = {
    canvasId: PropTypes.string.isRequired,
    tool: PropTypes.shape({
        name: PropTypes.string.isRequired
    })
};


module.exports = PaintEditorComponent;
