DmitriyB
18 lines
517 B
TypeScript
18 lines
517 B
TypeScript
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>
|
|
}) |