import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { useLightLogo } from '../utils'
import { OkrSymbolDark, OkrSymbolLight } from '../../logos/components'
const SvgOkrs = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) =>
    useLightLogo() ? (
        <OkrSymbolLight {...props} ref={ref} />
    ) : (
        <OkrSymbolDark {...props} ref={ref} />
    )

export default React.forwardRef(SvgOkrs)
