'use client'; import { UserPlus } from 'lucide-react'; import { useState } from 'react'; import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; const members = [ { name: 'Ephraim Duncan', email: 'ephraim@documenso.com', avatarUrl: 'https://blocks.so/avatar-01.png', initials: 'ED', status: 'member', }, { name: 'Lucas Smith', email: 'lucas@documenso.com', avatarUrl: 'https://blocks.so/avatar-03.png', initials: 'LS', status: 'member', }, { name: 'Timur Ercan', email: 'timur@documenso.com', avatarUrl: 'https://blocks.so/avatar-02.jpg', initials: 'TE', status: 'member', }, { name: 'Catalin Pit', email: 'catalin@documenso.com', avatarUrl: 'https://blocks.so/avatar-04.jpg', initials: 'CP', status: 'member', }, ]; export default function Dialog07() { const [open, setOpen] = useState(true); return ( ); }

Dashboard - Settings Members Blocks

Select an Item to view its code