import styles from './MonoText.module.css'
import type { ReactNode } from 'react'

interface MonoTextProps {
  children: ReactNode
  size?: 'xs' | 'sm' | 'md'
  className?: string
}

export function MonoText({ children, size = 'md', className }: MonoTextProps) {
  return <span className={`${styles.mono} ${styles[size]} ${className ?? ''}`}>{children}</span>
}
