<template>
  <div class="pb-16 md:pb-4">
    <!-- Back Button -->
    <button @click="router.replace('/dashboard/apps/lnd')" class="mb-6 flex items-center gap-2 text-white/70 hover:text-white transition-colors">
      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
      </svg>
      Back to LND
    </button>

    <h1 class="text-2xl font-bold text-white mb-6">Lightning Channels</h1>

    <LightningChannelsPanel />
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import LightningChannelsPanel from '@/components/LightningChannelsPanel.vue'

const router = useRouter()
</script>
