<script setup>
import { Badge } from "@/Components/ui/badge";

const props = defineProps({ result: [String, Object] });
</script>
<template>
  <div v-if="result" class="pt-4">
    <div class="flex items-center gap-2 mb-2">
      <h3 class="font-semibold">Import Result</h3>
      <Badge variant="default" class="bg-emerald-600">Complete</Badge>
    </div>
    <pre class="bg-muted border rounded-lg p-4 text-sm overflow-x-auto">{{ result }}</pre>
  </div>
</template>
