import React from 'react'
import { useMediaQuery } from '@material-ui/core'
import { Link } from 'react-router-dom'
import clsx from 'clsx'
import { QualityInfo } from '../common'
import useStyle from './styles'
const AudioTitle = React.memo(({ audioInfo, gainInfo, isMobile }) => {
const classes = useStyle()
const className = classes.audioTitle
const isDesktop = useMediaQuery('(min-width:810px)')
if (!audioInfo.song) {
return ''
}
const song = audioInfo.song
const qi = {
suffix: song.suffix,
bitRate: song.bitRate,
albumGain: song.rgAlbumGain,
trackGain: song.rgTrackGain,
}
return (
{song.title}
{isDesktop && (
)}
{isMobile ? (
<>
{song.artist}
{song.album}
{song.year ? ` - ${song.year}` : ''}
>
) : (
{song.artist} -{' '}
{song.album}
{song.year ? ` - ${song.year}` : ''}
)}
)
})
export default AudioTitle