16 lines
412 B
JavaScript
16 lines
412 B
JavaScript
// Hooks
|
|
import { useContext } from 'react'
|
|
// Context
|
|
import { LoadingStatusContext } from 'shared/context/loading-status-context.mjs'
|
|
|
|
export const Ribbon = () => {
|
|
const { loading } = useContext(LoadingStatusContext)
|
|
|
|
return (
|
|
<div
|
|
className={`flex flex-col justify-between p-0 transition-transform
|
|
${loading ? 'theme-gradient loading h-1' : 'h-0 -translate-y-1'}
|
|
`}
|
|
></div>
|
|
)
|
|
}
|