import React, { Component, useState } from "react"; import MoreHorizIcon from "@material-ui/icons/MoreHoriz"; import Video from "../../QR/VideoBox/React-video-js-player/index"; import Modal from "./Modal/index"; import "./index.scss"; export default function Gallery(props) { const [selectedMedia, setSelectedMedia] = useState(props.gallery[0]); const [modal, setModal] = useState(null); return ( <> {window.innerWidth > 1000 ? (
{selectedMedia ? ( <> {selectedMedia.type === "image" ? ( {"عکس"} ) : null} {selectedMedia.type === "film" ?
{props.gallery.length > 3 ? ( <> ) : ( <> {props.gallery.map((item, i) => ( ))} )}
{modal ? ( ) : null}
) : null} ); } const Item = (props) => { const { item, more, setSelectedMedia, setModal, active } = props; return ( <> {window.innerWidth > 1000 ? (
{item.type === "image" ? ( {"عکس"} ) : null} {item.type === "film" ? (
) : null} ); };