import { ArrowRightIcon } from "@heroicons/react/outline"; import { ArrowLeftIcon } from "@heroicons/react/solid"; import classnames from "classnames"; import Link from "next/link"; import React from "react"; import Avatar from "@components/ui/Avatar"; import Button from "@components/ui/Button"; import Text from "@components/ui/Text"; const Team = ({ team }) => { const Member = ({ member }) => { const classes = classnames( "group", "relative", "flex flex-col", "space-y-4", "p-4", "bg-white dark:bg-neutral-900 dark:border-0 dark:bg-opacity-8", "border border-neutral-200", "hover:cursor-pointer", "hover:border-black dark:border-neutral-700 dark:hover:border-neutral-600", "rounded-sm", "hover:shadow-md" ); return (
{member.user.name} {member.user.bio}
); }; const Members = ({ members }) => { if (!members || members.length === 0) { return null; } return (
{members.map((member) => { return ; })}
); }; return (
{team.eventTypes.length && ( )}
); }; export default Team;