); }`,"data-language":"ts","data-theme":"github-light-default github-dark",style:{display:"grid"},children:[(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"use client"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:";"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" { Button } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:' "@/components/ui/button"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:";"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" { Copy } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:' "lucide-react"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:";"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"","data-highlighted-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" { useToast } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:' "@/hooks/use-toast"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:";"}),(0,s.jsx)(i.div,{style:{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",backgroundColor:"var(--tw-prose-pre-bg)",borderLeft:"2px solid var(--tw-prose-pre-border)"}})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"export"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" function"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#B392F0"},children:" CopyToClipboard"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"() {"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" const"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" { "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79B8FF"},children:"toast"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#B392F0"},children:" useToast"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"();"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" const"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#B392F0"},children:" handleCopy"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" ="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" async"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" () "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"=>"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" {"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" await"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" navigator.clipboard."}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#B392F0"},children:"writeText"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"("}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"https://bossadizenith.me"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:");"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"","data-highlighted-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#B392F0"},children:" toast"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"("}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"Copied to clipboard"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:", { key: "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"clipboard"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" });"}),(0,s.jsx)(i.div,{style:{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",backgroundColor:"var(--tw-prose-pre-bg)",borderLeft:"2px solid var(--tw-prose-pre-border)"}})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" };"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" return"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" ("})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"div className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"flex items-center gap-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"","data-highlighted-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"Button onClick"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"{handleCopy} className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#9ECBFF"},children:'"flex items-center gap-1"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:">"}),(0,s.jsx)(i.div,{style:{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",backgroundColor:"var(--tw-prose-pre-bg)",borderLeft:"2px solid var(--tw-prose-pre-border)"}})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"Copy size"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"{"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79B8FF"},children:"16"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"} "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:"/>"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" Copy "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFAB70"},children:"Link"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F97583"},children:" "})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:" );"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E1E4E8"},children:"}"})})]})})}),` `,(0,s.jsx)(i.h3,{id:"in-summary",children:"In Summary"}),` `,(0,s.jsxs)(i.p,{children:["The ",(0,s.jsx)(i.code,{children:"useToast"})," hook gives Sonner a memory:"]}),` `,(0,s.jsxs)(i.ul,{children:[` `,(0,s.jsx)(i.li,{children:"Prevents duplicate toast clutter."}),` `,(0,s.jsx)(i.li,{children:"Adds subtle animation feedback when retriggered."}),` `,(0,s.jsx)(i.li,{children:"Cleans up toasts automatically when they close."}),` `]}),` `,(0,s.jsxs)(i.p,{children:["Big thanks to ",(0,s.jsx)(i.a,{href:"https://x.com/benjaminakar/status/1972669331403079704",children:"Benja"})," for being the main source of inspiration of this article"]})]})}function c(e={}){let{wrapper:i}=e.components||{};return i?(0,s.jsx)(i,{...e,children:(0,s.jsx)(k,{...e})}):k(e)}function C(e,i){throw new Error("Expected "+(i?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return m(b);})(); ;return Component;