Lightbox - Components | speedwell

Home / Templates / Speedwell / Components / Lightbox

src/components/lightbox/index.tsx

import LightboxComponent, {
  type LightboxExternalProps,
} from 'yet-another-react-lightbox'

import 'yet-another-react-lightbox/styles.css'

/**
 * The purpose of this intermediate component is to load the Lightbox and
 * its CSS dynamically only when the lightbox becomes interactive
 */
export default function Lightbox(props: LightboxExternalProps) {
  return <LightboxComponent {...props} />
}