paragraph.tsx

import { clsx } from 'clsx'
import {
  type DOMNode,
  type Element,
  type HTMLReactParserOptions,
  domToReact,
} from 'html-react-parser'
import { tailwindGetAlignClasses } from '@/utils/tailwind-get-align-classes'

export interface ParagraphProps extends React.ComponentPropsWithoutRef<'p'> {
  /** Variant of the paragraph - controls default styling */
  variant?: 'default' | 'large' | 'small'
  /** Font size override */
  fontSize?: string
  /** Text color override */
  color?: string | undefined
  /** Font family override */
  fontFamily?: string
  /** Font weight override */
  fontWeight?: string