Info (提示框)

<template>
  <div class="flex w-full max-w-lg flex-col gap-3">
    <KunInfo color="primary" icon="lucide:info" title="Heads up" description="A primary info callout." />
    <KunInfo color="success" variant="flat" icon="lucide:circle-check" title="Success" description="Your changes were saved." />
    <KunInfo color="danger" variant="bordered" icon="lucide:circle-x" title="Error" description="Something went wrong." />
  </div>
</template>