forked from ddrilling/asb_cloud_front
19 lines
564 B
TypeScript
19 lines
564 B
TypeScript
import { HTMLAttributes } from 'react'
|
|
|
|
import Loader from './Loader'
|
|
|
|
type LoaderPortalProps = HTMLAttributes<HTMLDivElement> & {
|
|
show?: boolean,
|
|
fade?: boolean,
|
|
}
|
|
|
|
export const LoaderPortal: React.FC<LoaderPortalProps> = ({ className, show, fade = true, children, ...other }) => (
|
|
<div className={`loader-container ${className}`} {...other}>
|
|
<div className={'loader-content'}>{children}</div>
|
|
{show && fade && <div className={'loader-fade'}/>}
|
|
{show && <div className={'loader-overlay'}><Loader/></div>}
|
|
</div>
|
|
)
|
|
|
|
export default LoaderPortal
|