import * as React from 'react';
import FsLightbox from 'fslightbox-react';
class Test extends React.Component {
handleEvent = (instance: FsLightbox) => {};
render() {
return ,
]}
type="image"
types={[null, 'video', 'youtube']}
thumbs={[null, 'yt.jpg', 'bbbunny.jpg', 'vimeo.jpg']}
thumbsIcons={[
null,
,
,
,
]}
captions={[Caption 1
, 'Caption 2', 'Caption 3']}
customAttributes={[null, { poster: 'bbbunny.jpg' }]}
showThumbsOnMount={false}
disableThumbs={false}
openOnMount={false}
disableBackgroundClose={true}
disableLocalStorage={true}
disableSlideSwiping={true}
exitFullscreenOnClose={false}
slideDistance={0.5}
slideshowTime={10000}
UIFadeOutTime={10000}
zoomIncrement={0.5}
onInit={this.handleEvent}
onOpen={this.handleEvent}
onShow={this.handleEvent}
onClose={this.handleEvent}
onSlideChange={this.handleEvent}
maxYoutubeVideoDimensions={{ width: 400, height: 300 }}
initialAnimation="example-initial-animation"
slideChangeAnimation="example-slide-change-animation"
svg={{
toolbarButtons: {
thumbs: {
viewBox: '0 0 278 278',
width: '17px',
height: '17px',
d: 'M0 0 H119.054 V119.054 H0 V0 z M158.946 0 H278 V119.054 H158.946 V0 z M158.946 158.946 H278 V278 H158.946 V158.946 z M0 158.946 H119.054 V278 H0 V158.946 z',
title: 'Preview',
},
zoomIn: {
width: '20px',
},
zoomOut: {
height: '20px',
},
slideshow: {
start: {
width: '20px',
},
pause: {
viewBox: '0 0 31 31',
},
},
fullscreen: {
enter: {
title: 'Fullscreen — Show',
},
exit: {
title: 'Fullscreen — Exit',
},
},
close: {
height: '32px',
},
},
slideButtons: {
previous: {
width: '40px',
},
next: {
title: 'Next',
},
},
}}
/>;
}
}