Untitled

          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>نام</TableHead>
                <TableHead>نام خانوادگی</TableHead>
                <TableHead>استان</TableHead>
                <TableHead>شهر</TableHead>
                <TableHead>تاهل</TableHead>
                <TableHead>مذهب</TableHead>
                <TableHead>سن</TableHead>
                <TableHead>شماره تلفن</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {tableData.map((item, index) => (
                <TableRow key={index}>
                  <TableCell>{item.firstName}</TableCell>
                  <TableCell>{item.lastName}</TableCell>
                  <TableCell>{item.state}</TableCell>
                  <TableCell>{item.city}</TableCell>
                  <TableCell>{item.maritalStatus}</TableCell>
                  <TableCell>{item.religion}</TableCell>
                  <TableCell>{item.age}</TableCell>
                  <TableCell>{item.phoneNumber}</TableCell>
                  <TableCell className="text-center">
                    <Button variant={'ghost'} size={'icon'}>
                      <PencilIcon width={18} height={18} />
                    </Button>
                    <Button variant={'ghost'} size={'icon'}>
                      <TrashIcon width={18} height={18} />
                    </Button>
                  </TableCell>
                </TableRow>
              ))}
            </TableBody>
          </Table>