import React from 'react' ; import shapeStyles from '../styles/shapeStyles' ; interface LayerShapeProps { layer : next . Shape ; images : next . ImgAsset [ ] ; svgs : next . SvgAsset [ ] ; onClick ( ) : void ; onMouseOver ( ) : void ; onMouseOut ( ) : void ; } const LayerShape = ( props ) => { const { layer , svgs , onClick , onMouseOver , onMouseOut } = props ; return ( < div id = { layer . id } className = 'c-layer c-layer--shape' style = { shapeStyles ( layer , svgs ) } onClick = { onClick } onMouseOver = { onMouseOver } onMouseOut = { onMouseOut } / > ) ; } ; export default LayerShape ;