Text

<Text variant="caption" as="span">Published March 2026</Text>

import { cn } from '@/lib/utils'

type TextVariant = 'body' | 'caption' | 'label' | 'code'
type TextTag     = 'p' | 'span' | 'div' | 'small' | 'strong' | 'em'

interface TextProps {
  variant?:   TextVariant
  as?:        TextTag
  className?: string
  children:   React.ReactNode
}

export function Text({
  variant   = 'body',
  as: Tag   = 'p',
  className,
  children,
}: TextProps): React.JSX.Element {
  return (
    <Tag className={cn(`text-${variant}`, className)}>
      {children}
    </Tag>
  )
}