'use client'

import CountUp from 'react-countup'
import { SectionHeader } from '@/components/Texts'

interface CountUpNumberProps {
  end: number
  className?: string
  color?: 'light' | 'primary' | 'secondary' | 'white'
}

export function CountUpNumber({ end, className, color }: CountUpNumberProps) {
  return (
    <SectionHeader color={color} className={className}>
      <CountUp end={end} duration={2.75} separator="," />
    </SectionHeader>
  )
}
