Default Callout This is a default callout with some information. Success Callout This is a success callout indicating a positive outcome. Warning Callout This is a warning callout to highlight potential issues. Error Callout This is an error callout to show critical information.

) }`,__src__:"registry/default/example/callout/callout-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { Callout, CalloutTitle, CalloutDescription } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/components/ui/callout"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { InfoIcon, AlertTriangleIcon, CheckCircleIcon, AlertCircleIcon } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "lucide-react"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:" CalloutDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"space-y-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"InfoIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Default Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a default callout with some information."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"success"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CheckCircleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Success Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"success"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a success callout indicating a positive outcome."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"warning"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"AlertTriangleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Warning Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"warning"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a warning callout to highlight potential issues."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"error"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"AlertCircleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Error Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"error"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is an error callout to show critical information."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})}),(0,n.jsx)(l.figure,{__src__:"registry/new-york/example/callout/callout-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#101010",color:"#FFF"},tabIndex:"0","data-language":"tsx","data-theme":"vesper",__rawString__:`import { Callout, CalloutTitle, CalloutDescription } from "@/registry/default/ui/callout" import { InfoIcon, AlertTriangleIcon, CheckCircleIcon, AlertCircleIcon } from "lucide-react" export function CalloutDemo() { return (

) }`,__src__:"registry/new-york/example/callout/callout-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { Callout, CalloutTitle, CalloutDescription } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/registry/default/ui/callout"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { InfoIcon, AlertTriangleIcon, CheckCircleIcon, AlertCircleIcon } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "lucide-react"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:" CalloutDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"space-y-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"InfoIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Default Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a default callout with some information."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"success"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CheckCircleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Success Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a success callout indicating a positive outcome."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"warning"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"AlertTriangleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Warning Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is a warning callout to highlight potential issues."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" variant="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"error"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"AlertCircleIcon"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"size-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutTitle"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Error Callout"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"CalloutDescription"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"This is an error callout to show critical information."}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})})]})}function d(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(A,{...e})}):A(e)}function D(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return T(I);})(); ;return Component;