LoadingContainer

A component that wraps `children` with an `HvLoading` component and and an overlay background with opacity.

My content

hidden

opacity

<HvLoadingContainer 
  hidden={false}
  opacity={0.8}
>
  <div className="flex items-center justify-center bg-gray h-200px">
    <p>
      My content
    </p>
  </div>
</HvLoadingContainer>

<HvLoadingContainer 
  hidden={false}
  opacity={0.8}
>
  <div className="flex items-center justify-center bg-gray h-200px">
    <p>
      My content
    </p>
  </div>
</HvLoadingContainer>

Loading Overflow Tooltip