LoadingOpacity.tsx25 lines · main

1	import { PropsWithChildren } from 'react'
2
3	const LoadingOpacity = ({
4	children,
5	active,
6	className,
7	}: PropsWithChildren<{
8	children?: React.ReactNode
9	active: boolean
10	className?: string
11	}>) => {
12	return (
13	<div
14	className={[
15	className,
16	'flex h-full grow transition-opacity ',
17	active ? 'opacity-30' : 'opacity-100',
18	].join(' ')}
19	>
20	{children}
21	</div>
22	)
23	}
24
25	export default LoadingOpacity