33 lines
820 B
JavaScript
33 lines
820 B
JavaScript
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}
|
|
/>
|
|
</>
|
|
);
|
|
}; |