 
               td className: "#{bn}__play-detail-menu",
                 el _exported.PlayDetailMenu,
+                  onHide: () => @onMenuActive?(active: false, index: index)
+                  onShow: () => @onMenuActive?(active: true, index: index)
                   score: score


            tr
              className: rowClasses
              key: i,

              td className: "#{bn}__rank", "##{i+1}"

              td className: "#{bn}__grade",
                div className: "badge-rank badge-rank--tiny badge-rank--#{score.rank}"

  constructor: (props) ->
    super props

    @state = {}


  onMenuActive: ({ index, active }) =>
    activeMenu = index if active
    @setState { activeMenu }


  render: =>
    classMods = ['menu-active'] if @state.activeMenu?

    div className: osu.classWithModifiers(bn, classMods),
      table
        className: "#{bn}__table"
        thead {},
