kyber

1
import { useAppSelector } from '../app/hooks'
2
import { isBlur } from '../features/Kyber/Servers/serversSlice'
3

4
// interface BlurOrBackGroundProps {
5
//   isBlur: boolean,
6
//   blurAmount: 5 | 10 | 25,
7
//   alpha: boolean
8
// }
9

10
// export const blurOrBackground = ({isBlur , blurAmount, alpha = true}: BlurOrBackGroundProps) =>
11
//   `bd-filter-blur-${isBlur ? blurAmount : alpha ? 'disabled-alpha' : 'disabled'}`
12

13
export const blurOrBackground = (blurAmount: 5 | 10 | 25, alpha = true) => {
14
  const blur = useAppSelector(isBlur)
15
  return `bd-filter-blur-${blur ? blurAmount : alpha ? 'disabled-alpha' : 'disabled'}`
16
}