just-paja/radio-drama-queen

import React from 'react'
import MuiListItem from '@material-ui/core/ListItem'

import { withStyles } from '@material-ui/styles'

const styles = theme => ({
  focusVisible: {
    '&.MuiListItem-root': {
      backgroundColor: 'transparent',
      ...theme.components.focus
    }
  },
  selected: {
    '&.MuiListItem-root': {
      background: theme.palette.body.main,
      borderColor: theme.palette.body.selected,
      borderWidth: 1,
      borderStyle: 'solid'
    }
  }
})

export const ListItem = withStyles(styles)(React.forwardRef(({
  classes,
  children,
  ...other
}, ref) => (
  <MuiListItem classes={classes} ref={ref} {...other}>
    {children}
  </MuiListItem>
)))