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

export default React.forwardRef(SvgChangepoint)
