orbit-stats.tsx

'use client'

import clsx from 'clsx'
import { useInView } from 'react-intersection-observer'
import { Heading } from '@/components/heading'
import { Label } from '@/components/label'
import { Icon } from '@/components/icon'
import { CountUp } from '@/components/count-up'

interface OrbitStatsProps {
  /** The stat number to display */
  stat: number
  /** Suffix for the stat (e.g., "+", "M+") */
  suffix?: string
  /** Label text below the stat */
  label: string
  /** Iconify icon object */
  icon: { body: string; width?: number; height?: number }
  /** Color configuration */
  colors: {