<script setup lang="ts">
import { CheckCircle } from 'lucide-vue-next';
</script>

<template>
  <div class="max-w-sm rounded overflow-hidden shadow-lg bg-white dark:bg-black p-6 m-4 border border-green-500 dark:border-green-400">
    <div class="flex justify-center">
      <CheckCircle class="text-green-500 dark:text-green-400 w-16 h-16"/>
    </div>
    <div class="mt-4 text-center">
      <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-white mb-2">
        Congratulations!
      </h3>
      <p class="text-gray-600 dark:text-gray-300 text-base">
        Your investment has been successful.
      </p>
    </div>
  </div>
</template>