gallery.tsx

import clsx from 'clsx'
import React, { Children, isValidElement } from 'react'
import imageMeta from '@/../_data/_studio.json'
import { LightboxWrapper } from '@/components/lightbox-wrapper'
import { GalleryItem } from '@/components/gallery-item'
import { Caption } from '@/components/caption'
import {
  type DOMNode,
  Element,
  type HTMLReactParserOptions,
  domToReact,
} from 'html-react-parser'
import {
  isTag,
  getAttrib,
  getTextContent,
} from '@/utils/parse-blocks-helpers'

export interface GalleryProps {
  columns?: number