Files
supabase/apps/studio/components/ui/LoadingOpacity.tsx
Ivan Vasilov 436bdb10ae chore: Move the studio app to apps/studio (#18915)
* Move all studio files from /studio to /apps/studio.

* Move studio specific prettier ignores.

* Fix the ui references from studio.

* Fix the css imports.

* Fix all package.json issues.

* Fix the prettier setup for the studio app.

* Add .turbo folder to prettierignore.

* Fix the github workflows.
2023-11-15 12:38:55 +01:00

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