mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-29 05:00:06 +02:00
8cd8d8239b
Use green OL logo in Interstitial and ODC components GitOrigin-RevId: 8fee3f0758e22c4ebaea7d0cd01a408c16380a98
26 lines
667 B
TypeScript
26 lines
667 B
TypeScript
import classNames from 'classnames'
|
|
import overleafLogo from '@/shared/svgs/overleaf-green.svg'
|
|
|
|
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={overleafLogo} alt="Overleaf" />}
|
|
{title && <h1 className="h3 interstitial-header">{title}</h1>}
|
|
<div className={classNames(contentClassName)}>{children}</div>
|
|
</div>
|
|
)
|
|
}
|