<script setup lang="ts">
import { Link } from '@adonisjs/inertia/vue'
import ComponentsViewer from '~/pages/widgets/ComponentsViewer.vue'
</script>

<template>
  <div>
    <div class="flex justify-between items-center mb-6">
      <h3 class="text-3xl font-semibold text-gray-700">Components</h3>
      <Link
        href="/components/create"
        type="button"
        class="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-blue-700 transition"
      >
        Add
      </Link>
    </div>

    <ComponentsViewer />
  </div>
</template>
