button-play.tsx

'use client'

import { Button } from '@/components/button'
import { state } from '@/state'
import { clsx } from 'clsx'

interface ButtonPlayProps {
  href?: string
  icon?: { body: string; width?: number; height?: number }
  iconPlacement?: 'before' | 'after'
  variant?: 'primary' | 'secondary'
  className?: string
  children: React.ReactNode
}

export function ButtonPlay({
  href,
  icon,
  iconPlacement,
  variant = 'secondary',