import React from "react";
import './toolbar.css';

type TProps = {
    onClickOpenButton: () => void
    isOpen: boolean
}

export const Toolbar:React.FC<TProps> = React.memo((props) => {
    return <div className={`toolbar-container ${props.isOpen ? 'opened' : 'closed'}`}>
        <div className="toolbar-field">

        </div>
        <button className='toolbar-open-button' onClick={() => props.onClickOpenButton()}>
            <span className="toolbar-open-button-icon"></span>
        </button>
    </div>
})