<template>
  <div>
    <h1>UI Component Test</h1>
    
    <div class="space-y-4">
      <!-- Basic Button Test -->
      <UButton>Test Button</UButton>
      
      <!-- Basic Card Test -->
      <UCard>
        <template #header>
          <h3>Test Card</h3>
        </template>
        <p>Card content</p>
      </UCard>
      
      <!-- Basic Input Test -->
      <UInput placeholder="Test input" />
      
      <!-- Basic Table Test -->
      <UTable :columns="[{key: 'name', label: 'Name'}]" :rows="[{name: 'Test'}]" />
    </div>
  </div>
</template>

<script setup>
definePageMeta({
  layout: 'admin'
})
</script>