share-bar.tsx

'use client'

import { useEffect, useRef, useState } from 'react'
import { Icon } from '@/components/icon'
import { formatCompactCount } from '@/utils/format-count'
import { shareTargets } from '@/utils/share-targets'
import { state, useSnapshot } from '@/state'
import { recordShareIntent } from '@/utils/record-share-intent'

interface ShareBarProps {
  title: string
  slug: string
  url: string
}

export function ShareBar({ title, slug, url }: ShareBarProps) {
  const snap = useSnapshot(state)
  const shareCount = snap.shareCounts[slug]
  const [copied, setCopied] = useState(false)
  const copyTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)