import React from 'react'
import ResizeContext from '../utils/context'
import type { MainNavigationLogoProps } from './utils'
import { asProductLogo } from './utils'
import {
    ReleaseAndVerifyDefaultLight,
    ReleaseAndVerifySymbolLight,
} from './components'
const Logo = (props: React.ComponentPropsWithoutRef<'svg'>) => {
    const { shouldDisplay } = React.useContext(ResizeContext)
    const compact = shouldDisplay('tablet-landscape')
    return compact ? (
        <ReleaseAndVerifySymbolLight {...props} />
    ) : (
        <ReleaseAndVerifyDefaultLight {...props} />
    )
}
export const LogoReleaseAndVerify: React.ElementType<MainNavigationLogoProps> =
    asProductLogo(Logo)
