import { Button } from '../../slate-editor-components/src' ; import ( './ImageEditLayer.css' ) ; const ImageEditLayer = ( { changeModalState , text } ) => { return changeModalState ? ( < div className = "image-node--image-edit-layer" onClick = { ( ) => changeModalState ( true ) } > < Button className = "image-node--image-edit-button" onClick = { ( ) => changeModalState ( true ) } > { text } < /Button> < /div>) : (<div className="image-node--image-edit-layer" style={{ backgroundColor: 'rgba(255,255,255,.9)' }}> < p className = "image-node--image-edit-text" > { text } < /p> < /div>); } ; export default ImageEditLayer ;