admonition-actions-demo

1"use client"
2 
3import { toast } from "sonner"
4 
5import { Admonition } from "@/components/ui/admonition"
6 
7export default function AdmonitionActionsDemo() {
8  return (
9    <Admonition
10      type="warning"
11      title="Update Required"
12      actions={[
13        {
14          label: "Update Now",
15          variant: "primary",
16          onClick: () =>
17            toast.success("Update started", {
18              description: "Your application is being updated...",
19            }),
20        },
21        {
22          label: "Learn More",
23          variant: "secondary",
24          onClick: () =>
25            toast.info("Documentation", {
26              description: "Opening security update documentation...",
27            }),
28        },
29      ]}
30    >
31      A critical security update is available. We recommend updating as soon as
32      possible.
33    </Admonition>
34  )
35}