<script setup>
import AppLayout from '@/Layouts/AppLayout.vue';

const props = defineProps({
  segments: Array,
});
</script>

<template>
  <AppLayout title="Segments">
    <template #header></template>
    <div class="pt-12">
      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg p-6">
          <h2 class="text-xl font-semibold mb-4">Segments</h2>
          <ul class="list-disc list-inside">
            <li v-for="s in segments" :key="s.id">{{ s.name }}</li>
          </ul>
        </div>
      </div>
    </div>
  </AppLayout>
</template>
