<template>
  <div class="container mx-auto p-4 h-screen">
    <div class="flex flex-col h-full">
      <!-- Page Header -->
      <div class="mb-4">
        <h1 class="text-2xl font-bold">Nostr Chat</h1>
        <p class="text-muted-foreground">
          Chat with other LNBits users using Nostr relays
        </p>
      </div>

      <!-- Chat Component -->
      <div class="flex-1 border rounded-lg overflow-hidden">
        <ChatComponent />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import ChatComponent from '@/components/nostr/ChatComponent.vue'
</script> 