import * as React from 'react' ; import * as S from './Block.styles' ; import { BlockProps } from './Block.types' ; const Block = ( { className , children , isDragging , icon } ) => { const ref = React . useRef < HTMLDivElement > ( null ) ; return ( < S . BlockWrapper className = { `ds-block ${ className || '' } ${ isDragging ? 'is-dragging' : '' }` } ref = { ref } > < S . BlockContent > { icon } < S . BlockName > { children } < /S.BlockName> < /S.BlockContent> < /S.BlockWrapper>); } ; export default Block ;