<div class="flex justify-center">
<x-base.toast config="{ triggerId: '#basic-toast' }">
<div class="grid gap-1">
<div class="font-semibold">Scheduled: Catch up</div>
<div class="opacity-70">Friday, February 10, 2023 at 5:57 PM</div>
</div>
</x-base.toast>
<x-base.button id="basic-toast" href="#" as="a" variant="primary">
<x-base.lucide icon="Compass">
Show Toast
</x-base.lucide></x-base.button>
</div>