import React from 'react'

import { SliderImage } from 'react-scrollable-slider'
//import 'react-scrollable-slider/dist/index.css'

const images = ["images/7eda725de98d7b4a23489988a334e726_375.jpeg", "images/fa0cfb2c2f540f33eb179ab1af2a4416_375.jpeg", "static/media/banner_hor2.a5496732.png", "images/7eda725de98d7b4a23489988a334e726_375.jpeg", ].map(img => "https://mo-cosmetics.com/" + img)

const App = () => {
  return (
        <SliderImage images={images} 
                     className="SliderImage"
                     onChange={i => console.log('CHANGE TO', i)} 
                     onClick={i => console.log('CLICK ON ', i)} 
                     />
  )
}

export default App