mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
2e634e665d
Create Interstitial component GitOrigin-RevId: 00c9378a04b0ce17e0af409c3a85f12c1db49b42
27 lines
639 B
TypeScript
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>
|
|
)
|
|
}
|