overleaf/services/web/frontend/js/shared/components/interstitial.tsx

28 lines
639 B
TypeScript
Raw Normal View History

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>
)
}