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