var Component=(()=>{var u=Object.create;var F=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var D=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),C=(e,n)=>{for(var r in n)F(e,r,{get:n[r],enumerable:!0})},h=(e,n,r,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of f(n))!b.call(e,s)&&s!==r&&F(e,s,{get:()=>n[s],enumerable:!(c=N(n,s))||c.enumerable});return e};var x=(e,n,r)=>(r=e!=null?u(A(e)):{},h(n||!e||!e.__esModule?F(r,"default",{value:e,enumerable:!0}):r,e)),_=e=>h(F({},"__esModule",{value:!0}),e);var m=D((w,y)=>{y.exports=_jsx_runtime});var I={};C(I,{default:()=>v,frontmatter:()=>T});var l=x(m()),T={title:"BtnConfirm",description:"Open a alert dialog when a button is clicked.",component:!0};function g(e){let n=Object.assign({div:"div",pre:"pre",code:"code",span:"span",h2:"h2",a:"a"},e.components),{ComponentPreview:r,Tabs:c,TabsList:s,TabsTrigger:a,TabsContent:t,Steps:d,Step:i,ComponentSource:p}=n;return r||o("ComponentPreview",!0),p||o("ComponentSource",!0),i||o("Step",!0),d||o("Steps",!0),c||o("Tabs",!0),t||o("TabsContent",!0),s||o("TabsList",!0),a||o("TabsTrigger",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r,{name:"btn-confirm-demo",children:[(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnConfirm } from "@/components/ui/btn-confirm" export function BadgeDemo() { return ( console.log("Confirm")} /> ) } `,__src__:"registry/default/example/btn-confirm-demo.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirm "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-confirm"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BadgeDemo"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"BtnConfirm"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"OK"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Are you sure?"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" console"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"log"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:")}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})}),(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnConfirm } from "@/components/ui/btn-confirm" export function BadgeDemo() { return ( console.log("Confirm")} /> ) } `,__src__:"registry/new-york/example/btn-confirm-demo.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirm "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-confirm"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BadgeDemo"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"BtnConfirm"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"OK"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Are you sure?"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" console"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"log"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:")}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h2,{id:"installation",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsxs)(c,{defaultValue:"cli",children:[(0,l.jsxs)(s,{children:[(0,l.jsx)(a,{value:"cli",children:"CLI"}),(0,l.jsx)(a,{value:"manual",children:"Manual"})]}),(0,l.jsx)(t,{value:"cli",children:(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npx rrf-shadcn-ui@latest add btn-confirm `,__npmCommand__:`npx rrf-shadcn-ui@latest add btn-confirm `,__yarnCommand__:`npx rrf-shadcn-ui@latest add btn-confirm `,__pnpmCommand__:`pnpm dlx rrf-shadcn-ui@latest add btn-confirm `,__bunCommand__:`bunx --bun rrf-shadcn-ui@latest add btn-confirm `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"default",children:(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"npx"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" rrf-shadcn-ui@latest"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" btn-confirm"})]})})})})}),(0,l.jsx)(t,{value:"manual",children:(0,l.jsxs)(d,{children:[(0,l.jsx)(i,{children:"Copy and paste the following code into your project."}),(0,l.jsxs)(p,{name:"btn-confirm",children:[(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog" import { Button, ButtonProps } from "@/components/ui/button" export type BtnConfirmProps = { btnIcon?: React.ReactNode btnText?: string title: string description: string btnCancelText?: string btnContinueText?: string action: () => any btnAttr?: ButtonProps } export function BtnConfirm({ btnIcon, btnText, title, description, action, btnAttr, btnCancelText = "Cancel", btnContinueText = "Continue", }: BtnConfirmProps) { return ( {title} {description} {btnCancelText} {btnContinueText} ) } `,__src__:"registry/default/ui/btn-confirm.tsx",__style__:"default",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialog"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogAction"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogCancel"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogContent"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogDescription"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogFooter"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogHeader"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogTitle"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogTrigger"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/alert-dialog"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Button"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ButtonProps "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/button"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" type"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"ReactNode"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnCancelText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnContinueText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" ButtonProps"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirm"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnCancelText "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "Cancel"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnContinueText "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "Continue"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialog"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogTrigger asChild"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Button"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"outline"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnIcon "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "icon"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" :"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "default"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" >"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnIcon "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"||"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogContent"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogHeader"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogTitle"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogDescription"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogFooter"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogCancel"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnCancelText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogAction onClick"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnContinueText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})}),(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog" import { Button, ButtonProps } from "@/components/ui/button" export type BtnConfirmProps = { btnIcon?: React.ReactNode btnText?: string title: string description: string btnCancelText?: string btnContinueText?: string action: () => any btnAttr?: ButtonProps } export function BtnConfirm({ btnIcon, btnText, title, description, action, btnAttr, btnCancelText = "Cancel", btnContinueText = "Continue", }: BtnConfirmProps) { return ( {title} {description} {btnCancelText} {btnContinueText} ) } `,__src__:"registry/new-york/ui/btn-confirm.tsx",__style__:"new-york",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialog"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogAction"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogCancel"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogContent"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogDescription"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogFooter"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogHeader"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogTitle"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AlertDialogTrigger"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/alert-dialog"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Button"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ButtonProps "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/button"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" type"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"ReactNode"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnCancelText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnContinueText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" ButtonProps"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirm"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnCancelText "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "Cancel"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnContinueText "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "Continue"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}:"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialog"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogTrigger asChild"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Button"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"outline"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnIcon "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"?"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "icon"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" :"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "default"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnAttr"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" >"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnIcon "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"||"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogContent"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogHeader"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogTitle"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"title"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogDescription"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"description"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogFooter"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogCancel"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">{"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnCancelText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AlertDialogAction onClick"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"btnContinueText"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})]}),(0,l.jsx)(i,{children:"Update the import paths to match your project setup."})]})})]}),` `,(0,l.jsxs)(n.h2,{id:"usage",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnConfirm } from "@/components/ui/btn-confirm" `,children:(0,l.jsx)(n.code,{"data-language":"tsx","data-theme":"default",children:(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirm "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-confirm"'})]})})})}),` `,(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` `,children:(0,l.jsx)(n.code,{"data-language":"tsx","data-theme":"default",children:(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"BtnRemove action"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"remove"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"={1}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]})})})})]})}function B(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,Object.assign({},e,{children:(0,l.jsx)(g,e)})):g(e)}var v=B;function o(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return _(I);})(); ;return Component;