12 lines
333 B
JavaScript
12 lines
333 B
JavaScript
'use client'
|
|
|
|
import { useRecoilValue } from 'recoil'
|
|
import { dimmedStore } from '@/store/commonAtom'
|
|
|
|
export default function Dimmed() {
|
|
const dimmedState = useRecoilValue(dimmedStore)
|
|
|
|
const isDimmed = dimmedState ? 'fixed top-0 left-0 w-full h-full z-100 opacity-50 bg-black' : ''
|
|
return <div className={isDimmed}></div>
|
|
}
|