You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
497 B
26 lines
497 B
import { FC } from "react";
|
|
|
|
import { Grid } from "@mui/material";
|
|
|
|
import { Video as VideoModel } from "@interfaces/video";
|
|
|
|
import Video from "@components/Video";
|
|
|
|
const VideoGrid: FC<{ videos: VideoModel[] }> = ({ videos }) => {
|
|
return (
|
|
<Grid
|
|
container
|
|
spacing={{ xs: 2, md: 3 }}
|
|
columns={{ xs: 3, sm: 6, md: 9, lg: 12 }}
|
|
>
|
|
{videos.map((video) => (
|
|
<Grid item key={video.id} xs={3}>
|
|
<Video {...video} />
|
|
</Grid>
|
|
))}
|
|
</Grid>
|
|
);
|
|
};
|
|
|
|
export default VideoGrid;
|