accent.tsx

import clsx from 'clsx'
import React from 'react'

interface AccentProps {
  children: React.ReactNode
  className?: string
  /** Size preset for default text sizing */
  size?: 'small' | 'medium' | 'large'
  /** Font size override */
  fontSize?: string
  /** Text color override */
  color?: string
  /** Font family override */
  fontFamily?: string
  /** Margin override */
  margin?: string
  /** Overflow fix padding/margin to prevent Safari text clipping */
  overflowFix?: string
  /** Text alignment (Tailwind CSS classes) */
  textAlign?: string