content: import React from 'react'
  import { Link } from 'react-router'
  
  import MultiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  
  import RaisedButton from 'material-ui/RaisedButton'
  
  import { browserHistory } from 'react-router'
  
  import "../css/sitefont.css"
  
  // import {}
  
  function onClickHandler(e, whereTo, bulbFrameAnime, triggerArrowClickHandlerGeneric, artistNameAnime, toggleWasNavLinkClicked) {
    // call frame and bulb animation animation
    const loaderTextPhrase = e.target.textContent;
  
    toggleWasNavLinkClicked(() => {}, loaderTextPhrase);
    bulbFrameAnime();
    triggerArrowClickHandlerGeneric();
    // browserHistory.push(`${whereTo.replace(/\s/g,'')}/`); // this has to be after the bulbAnime is over
  }
  
  
  const RaisedButtonLink = (props) => {
    const buttonLinkStyle = {
     flex: 1,
     padding: "0"
    };
  
    const { whereTo, bulbFrameAnime, artistNameAnime, triggerArrowClickHandlerGeneric, toggleWasNavLinkClicked, ...originalNeededProps} = props;
  
    function onClickHandlerWrapper(e) {
      onClickHandler(e, whereTo, bulbFrameAnime, triggerArrowClickHandlerGeneric, artistNameAnime, toggleWasNavLinkClicked)
    }
  
    const labelStyle = {
      fontSize: "1.2rem",
      fontFamily: "SiteFont, Arial"
    }
  
    const overlayStyle= {
      padding: "15px 0"
    }
  
    let that = this;
    return (
      <MultiThemeProvider>
        {/* pass animatino callback function here to execute right */}
        <Link onClick={ onClickHandlerWrapper }
             style={buttonLinkStyle}>
          <RaisedButton
            {...originalNeededProps}
            fullWidth={true}
            labelColor= "#fff"
            labelStyle={labelStyle}
            buttonStyle={{
              height: "100%"
            }}
            overlayStyle={overlayStyle}
            style={{
              height: "100%"
            }}/>
        </Link>
      </MultiThemeProvider>
    )
  }
  
  export default RaisedButtonLink
  