import React from 'react' ; import Layers from './Layers' ; import groupStyles from '../styles/groupStyles' ; interface LayerGroupProps { layer : next . Group ; images : next . ImgAsset [ ] ; svgs : next . SvgAsset [ ] ; onClick ( ) : void ; onDoubleClick ( ) : void ; onMouseOver ( ) : void ; onMouseOut ( ) : void ; setSelection ( selection ) : void ; setGroupSelection ( groupSelection ) : void ; setHover ( hover ) : void ; } const LayerGroup = ( props ) => { const { layer , images , svgs } = props ; return ( < div id = { layer . id } onClick = { props . onClick } onDoubleClick = { props . onDoubleClick } onMouseOver = { props . onMouseOver } onMouseOut = { props . onMouseOut } className = 'c-layer c-layer--group' style = { groupStyles ( layer , svgs ) } > < Layers layers = { layer . layers as next . AppArtboardLayer [ ] } images = { images } svgs = { svgs } setSelection = { props . setSelection } setGroupSelection = { props . setGroupSelection } setHover = { props . setHover } / > < /div>); } ; export default LayerGroup ;