overleaf/services/web/frontend/js/shared/components/interstitial.tsx
David 2e634e665d Merge pull request #18064 from overleaf/dp-interstitial
Create Interstitial component

GitOrigin-RevId: 00c9378a04b0ce17e0af409c3a85f12c1db49b42
2024-04-25 08:04:26 +00:00

27 lines
639 B
TypeScript

import classNames from 'classnames'
type InterstitialProps = {
className?: string
contentClassName?: string
children: React.ReactNode
showLogo: boolean
title?: string
}
export function Interstitial({
className,
contentClassName,
children,
showLogo,
title,
}: InterstitialProps) {
return (
<div className={classNames('interstitial', className)}>
{showLogo && (
<img className="logo" src="/img/ol-brand/overleaf.svg" alt="Overleaf" />
)}
{title && <h1 className="h3 interstitial-header">{title}</h1>}
<div className={classNames(contentClassName)}>{children}</div>
</div>
)
}