[V0_FILE]typescriptreact:file="page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { DemoTeamMembers } from "./demo-team-members" export default function TeamMembersPage() { return (

) } [V0_FILE]typescriptreact:file="demo-team-members.tsx" isEdit="true" isQuickEdit="true" "use client" import { ChevronDown } from "lucide-react" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@/components/ui/command" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" export function DemoTeamMembers() { return ( Team Members Invite your team members to collaborate.

Sofia Davis

m@example.com

No roles found.

Viewer

Can view and comment.

Developer

Can view, comment and edit.

Billing

Can view, comment and manage billing.

Owner

Admin-level access to all resources.

Jackson Lee

p@example.com

No roles found.

Viewer

Can view and comment.

Developer

Can view, comment and edit.

Billing

Can view, comment and manage billing.

Owner

Admin-level access to all resources.

Emily Chen

e@example.com

No roles found.

Viewer

Can view and comment.

Developer

Can view, comment and edit.

Billing

Can view, comment and manage billing.

Owner

Admin-level access to all resources.

) }

About

About