table.tsx

import {
  type DOMNode,
  Element,
  type HTMLReactParserOptions,
  domToReact,
} from 'html-react-parser'
import { isTag } from '@/utils/parse-blocks-helpers'

interface TableProps {
  className?: string
  children: React.ReactNode
}

export function Table({ className = '', children }: TableProps) {
  return (
    <div className={`overflow-x-auto my-6 ${className}`}>
      <table className="min-w-full divide-y divide-body-dark">
        {children}
      </table>
    </div>