import React from 'react' ; import HoverRule from './HoverRule' ; interface HoverRulesLeftProps { hoverOrigin : next . Origin ; selectionOrigin : next . Origin ; zoom : number ; } const HoverRulesLeft = ( props ) => { const { hoverOrigin , selectionOrigin } = props ; return ( < div > { selectionOrigin . bottom < hoverOrigin . top || selectionOrigin . top <= hoverOrigin . bottom && selectionOrigin . top > hoverOrigin . top || selectionOrigin . top < hoverOrigin . top && selectionOrigin . bottom > hoverOrigin . bottom ? < HoverRule { ... props } side = 'left' sideAlt = 'top' / > : null } { selectionOrigin . top > hoverOrigin . bottom || selectionOrigin . bottom >= hoverOrigin . top && selectionOrigin . bottom < hoverOrigin . bottom || selectionOrigin . bottom > hoverOrigin . bottom && selectionOrigin . top < hoverOrigin . top ? < HoverRule { ... props } side = 'left' sideAlt = 'bottom' / > : null } < /div>); } ; export default HoverRulesLeft ;