Callout

import { Callout } from "@/components/ui/cn/callout/Callout";

export function CalloutExample() {
  return (
    <div className="flex flex-col gap-3 max-w-lg">
      <Callout intent="info" title="Dica">
        Use tokens para customizar o tema sem sobrescrever CSS.
      </Callout>
      <Callout intent="warning" title="Atenção" appearance="outline">
        Essa ação não pode ser desfeita.
      </Callout>
    </div>
  );
}