YesPlayMusic/packages/web/components/TrafficLight.tsx
2022-10-28 20:29:04 +08:00

23 lines
493 B
TypeScript

import { useSnapshot } from 'valtio'
import uiStates from '@/web/states/uiStates'
const TrafficLight = () => {
const { fullscreen } = useSnapshot(uiStates)
if (fullscreen) {
return <></>
}
const className =
'mr-2 h-3 w-3 rounded-full last-of-type:mr-0 dark:bg-white/20'
return (
<div className='flex'>
<div className={className}></div>
<div className={className}></div>
<div className={className}></div>
</div>
)
}
export default TrafficLight