mirror of
https://github.com/supabase/supabase.git
synced 2026-10-07 18:35:07 +03:00
26 lines
452 B
TypeScript
26 lines
452 B
TypeScript
import { PropsWithChildren } from 'react'
|
|
|
|
const LoadingOpacity = ({
|
|
children,
|
|
active,
|
|
className,
|
|
}: PropsWithChildren<{
|
|
children?: React.ReactNode
|
|
active: boolean
|
|
className?: string
|
|
}>) => {
|
|
return (
|
|
<div
|
|
className={[
|
|
className,
|
|
'flex h-full flex-grow transition-opacity ',
|
|
active ? 'opacity-30' : 'opacity-100',
|
|
].join(' ')}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LoadingOpacity
|