import { useState } from "react";
import Box from "@mui/material/Box";
import Chip from "@mui/material/Chip";
import useMediaQuery from "@mui/material/useMediaQuery";
import { useTheme } from "@mui/material/styles";
import Typography from "@mui/material/Typography";
import { SiGitea } from "react-icons/si";
function ProjectLanguages(props) {
const { languages, smallMode } = props;
if (!languages || languages.length === 0) return;
return (
{languages.map((l, i) => (
))}
);
}
export default function ProjectTile({
image,
title,
year,
children: description,
disableGutter,
openPhoto,
link,
languages,
}) {
const theme = useTheme();
const smallMode = useMediaQuery(theme.breakpoints.down("md"));
const [gitHov, setGitHov] = useState(false);
const toggleHover = () => setGitHov(!gitHov);
const imageClick = () => openPhoto(image);
return (
{description}
);
}