New dev branch

blocks/lcp-gallery/components/lightGallery.js

@@ -0,0 +1,33 @@
+import { FC, useCallback, useEffect, useRef, useState } from 'react';
+import LightGallery from 'lightgallery/react';
+import lgZoom from 'lightgallery/plugins/zoom';
+import lgThumbnail from 'lightgallery/plugins/thumbnail';
+import { LightGallery as ILightGallery } from 'lightgallery/lightgallery';
+import '../style.css';
+
+export const App = () => {
+
+    const dynamicEl = [
+        {
+            src: '...',
+            responsive: '...',
+            thumb: '...',
+            subHtml: `...`,
+        },
+        {
+            src: '...',
+            responsive: '...',
+            subHtml: `...`,
+        },
+        // Add more placeholder images as needed
+    ];
+
+    return (
+        <>
+            <LightGallery
+                dynamic={true}
+                dynamicEl={dynamicEl}
+            />
+        </>
+    );
+};