Team Builder

import TeamBuilder, { type TeamMember } from "@/components/ui/team-builder";
import React from "react";

export default function DemoOne() {
  const [selected, setSelected] = React.useState<string[]>(["1", "3"]);

  const MOCK_MEMBERS: TeamMember[] = [
    { id: "1", name: "Alex Morgan", email: "alex@company.com", role: "Design", avatar: "https://images.pexels.com/photos/9892899/pexels-photo-9892899.jpeg" },
    { id: "2", name: "Ben Sisko", email: "ben@company.com", role: "Eng" },
    { id: "4", name: "Darren K", email: "darren@company.com", role: "Eng", avatar: "https://images.pexels.com/photos/1516680/pexels-photo-1516680.jpeg" },
    { id: "5", name: "Evan Wright", email: "evan@company.com", role: "Marketing" },
    { id: "6", name: "Fiona Gallagher", email: "fiona@company.com", role: "Sales", avatar: "https://images.pexels.com/photos/1681010/pexels-photo-1681010.jpeg" },
    { id: "7", name: "George Martin", email: "george@company.com", role: "Legal" },
  ];
  return (
    <div className="flex min-h-screen items-center justify-center bg-white text-black dark:bg-black dark:text-white">
      {/* <FastInternetPage/> */}
      <TeamBuilder
        members={MOCK_MEMBERS}
        selectedIds={selected}
        onChange={setSelected}
        maxMembers={5}
      />
    </div>
  )
}