Text

<Text variant="body">Botanical compositions for ceremonies and gatherings.</Text>

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

type TextVariant = 'body' | 'caption' | 'label' | 'code'
type TextElement = 'p' | 'span' | 'div'

const variantClass: Record<TextVariant, string> = {
  body: 'text-body',
  caption: 'text-caption',
  label: 'text-label',
  code: 'text-code',
}

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

export function Text({ variant, as: Tag = 'p', children, className }: TextProps): React.JSX.Element {
  return (
    <Tag className={cn(variantClass[variant], className)}>
      {children}
    </Tag>
  )
}