import * as React from 'react'
import { cn } from '../lib/cn'

export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  as?: 'p' | 'span'
}

export const Text = React.forwardRef<HTMLElement, TextProps>(
  ({ as: Component = 'p', className, children, ...props }, ref) => (
    <Component
      ref={ref as React.Ref<HTMLParagraphElement & HTMLSpanElement>}
      className={cn('text-body-1 text-ink', className)}
      {...props}
    >
      {children}
    </Component>
  ),
)
Text.displayName = 'Text'