#React Import an image in a component

i'm trying to define my "Logo" as an image. i tried to create a logo.js component, define it as an image and call it here, but i have absolutely no clue on how to solve that.

Here is my banner component,

    import React from 'react'
import Banner from 'react-banner'
import 'react-banner/dist/style.css'
import Logo from '../Logo'

export default props => {
    return (
        <Banner
            Logo = "My logo"
            url={ window.location.pathname }
            items={[
                { "content": "Quoi de neuf au tieks ?", "url": "/wassup" },
                { "content": "Les poucaves du jour", "url": "/lpdc", "children": [
                    { "content": "Océane", "url": "/children/oceane" },
                    { "content": "Mehdi", "url": "/children/mehdi" },
                    { "content": "Yikes", "url": "/children/zemmeled" }
                ]}
            ]} />
    )
}