import React, {ReactNode} from 'react';
import './InfopointWrapper.scss'

type InfopointWrapperProps = {
    children?: ReactNode
}



const InfopointWrapper = ({
                          children,

                      }: InfopointWrapperProps) => {
    const newChildren = Array.isArray(children) ? [...children] : [children]
    return (
        <div  className={'infopoint-wrapper'}>

            { newChildren &&
                newChildren.map((c, i) =>
                    <div style={{flex: '0 0 auto',marginRight:'10px'}} key={i}>
                        {c}
                    </div>)
            }
        </div>
    )
}

export default InfopointWrapper;