import React, { Component } from 'react'
 
import LavaLampMenu from 'react-lava-lamp-menu'
 
class Example extends Component {
  
  state = {
  	selectedItemId: "item1"
  }
 
  handleSelectedItemChange = id => {
  	this.setState({selectedItemId: id});
  }
 
  render () {
    return (
        <LavaLampMenu
            itemStyle={{color:'red'}}
            mouseOverItemStyle={{color: 'black'}}
            selectedItemStyle={{backgroundColor: 'black', color: 'red'}}
            sliderStyle={{backgroundColor: 'black'}}}
            onSelectedItemChange={this.handleSelectedItemChange}
            items={[
                name: 'Menu Item 1', id: "item1",
                name: 'Menu Item 2', id: "item2",
                name: 'Menu Item 3', id: "item3",
            ]}
            selectedItemId={this.state.selectedItemId}/>
    )
  }
}