import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { useLightLogo } from '../utils'
import { VizSymbolDark, VizSymbolLight } from '../../logos/components'
const SvgViz = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) =>
    useLightLogo() ? (
        <VizSymbolLight {...props} ref={ref} />
    ) : (
        <VizSymbolDark {...props} ref={ref} />
    )
export default React.forwardRef(SvgViz)