quote.tsx

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

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