39 lines
958 B
TypeScript
39 lines
958 B
TypeScript
'use client'
|
|
|
|
import React from 'react';
|
|
|
|
import classNames from 'classnames';
|
|
|
|
import style from './Gallery.module.scss'
|
|
import Thumbnail from './Thumbnail';
|
|
import { GalleryData } from '@/meta/data';
|
|
|
|
interface Props {
|
|
data: GalleryData[]
|
|
show: boolean
|
|
locale: string
|
|
}
|
|
|
|
const Gallery: React.FC<Props> = (props) => {
|
|
|
|
const { show, locale, data } = props
|
|
|
|
return (
|
|
<>
|
|
<div className={classNames(style.galleryContainer, { [style.show]: show })}>
|
|
{data && data.map((elem, key) => {
|
|
return <Thumbnail
|
|
show={show}
|
|
key={key}
|
|
imgUrl={elem.imgUrl}
|
|
videoUrl={elem.videoUrl}
|
|
platform={elem.platform}
|
|
text={elem.text}
|
|
locale={locale} />
|
|
})}
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Gallery; |