pan class="view-ttl">{{ record.ttl }}</span>
              </div>

              <div class="delete pt-2 text-red-700 hover:text-red-500" @click="confirmDelete()">
                  Delete
              </div>
          </div>
          <div class="flex flex-col justify-between">
              <div class="view-edit text-left" @click="toggle()">
                  <button class="edit hover:text-green-500 text-base text-green-700 font-bold py-2 px-4 rounded">
                      Edit
                  </butt