import React, { useState } from "react";
import { Image } from "./Image";
import useWindowDimensions from "../hooks/useWindowDimension";
import styles from "./TeamMemberCard.module.css";
export interface TeamMemberCardProps {
name: string;
role: string;
image?: string; // path to image of person, relative to public directory
children: React.ReactNode;
}
export function TeamMemberCard({
name,
image,
role,
children,
}: TeamMemberCardProps) {
const { width } = useWindowDimensions();
const [isOpen, setIsOpen] = useState(false);
const handleClick = () => {
if (width <= 768) {
setIsOpen(!isOpen);
}
};
return (
<>
{name}
{role}