var Component=(()=>{var u=Object.create;var F=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var _=(l,n)=>()=>(n||l((n={exports:{}}).exports,n),n.exports),B=(l,n)=>{for(var r in n)F(l,r,{get:n[r],enumerable:!0})},h=(l,n,r,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of b(n))!v.call(l,o)&&o!==r&&F(l,o,{get:()=>n[o],enumerable:!(c=g(n,o))||c.enumerable});return l};var x=(l,n,r)=>(r=l!=null?u(N(l)):{},h(n||!l||!l.__esModule?F(r,"default",{value:l,enumerable:!0}):r,l)),C=l=>h(F({},"__esModule",{value:!0}),l);var m=_((R,y)=>{y.exports=_jsx_runtime});var I={};B(I,{default:()=>T,frontmatter:()=>P});var e=x(m()),P={title:"BtnRemove",description:"Button to remove a register.",component:!0};function f(l){let n=Object.assign({div:"div",pre:"pre",code:"code",span:"span",h2:"h2",a:"a"},l.components),{ComponentPreview:r,Tabs:c,TabsList:o,TabsTrigger:t,TabsContent:a,Steps:d,Step:i,ComponentSource:p}=n;return r||s("ComponentPreview",!0),p||s("ComponentSource",!0),i||s("Step",!0),d||s("Steps",!0),c||s("Tabs",!0),a||s("TabsContent",!0),o||s("TabsList",!0),t||s("TabsTrigger",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(r,{name:"btn-remove-demo",children:[(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnRemove } from "@/components/ui/btn-remove" export function BtnConfirmDemo() { const remove = (id: any) => console.log(id) as any return } `,__src__:"registry/default/example/btn-remove-demo.tsx",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnRemove "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-remove"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmDemo"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" remove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" console"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"log"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" as"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"BtnRemove action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"remove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={1}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})}),(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnRemove } from "@/components/ui/btn-remove" export function BtnConfirmDemo() { const remove = (id: any) => console.log(id) as any return } `,__src__:"registry/new-york/example/btn-remove-demo.tsx",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnRemove "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-remove"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmDemo"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" remove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" console"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"log"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" as"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"BtnRemove action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"remove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={1}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})]}),` `,(0,e.jsxs)(n.h2,{id:"installation",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,e.jsxs)(c,{defaultValue:"cli",children:[(0,e.jsxs)(o,{children:[(0,e.jsx)(t,{value:"cli",children:"CLI"}),(0,e.jsx)(t,{value:"manual",children:"Manual"})]}),(0,e.jsx)(a,{value:"cli",children:(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npx rrf-shadcn-ui@latest add btn-remove `,__npmCommand__:`npx rrf-shadcn-ui@latest add btn-remove `,__yarnCommand__:`npx rrf-shadcn-ui@latest add btn-remove `,__pnpmCommand__:`pnpm dlx rrf-shadcn-ui@latest add btn-remove `,__bunCommand__:`bunx --bun rrf-shadcn-ui@latest add btn-remove `,children:(0,e.jsx)(n.code,{"data-language":"bash","data-theme":"default",children:(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"npx"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" rrf-shadcn-ui@latest"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" add"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" btn-remove"})]})})})})}),(0,e.jsx)(a,{value:"manual",children:(0,e.jsxs)(d,{children:[(0,e.jsx)(i,{children:"Copy and paste the following code into your project."}),(0,e.jsxs)(p,{name:"btn-remove",children:[(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { TrashIcon } from "@radix-ui/react-icons" import { BtnConfirm, BtnConfirmProps } from "@/registry/new-york/ui/btn-confirm" type TKey = "title" | "description" | "btnIcon" type BtnRemoveProps = { action: (id: any) => any entityId: any } & Omit & Partial> export function BtnRemove({ action, entityId, ...props }: BtnRemoveProps): JSX.Element { const newProps: BtnConfirmProps = { ...{ title: "Are you absolutely sure?", description: "The record will be removed.", btnIcon: , action: () => action(entityId), }, ...props, } return } `,__src__:"registry/default/ui/btn-remove.tsx",__style__:"default",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" TrashIcon "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@radix-ui/react-icons"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirm"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirmProps "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/registry/new-york/ui/btn-confirm"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"type"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "title"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "description"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "btnIcon"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"type"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemoveProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" &"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Omit"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "action"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" &"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Partial"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"Pick"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">>"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"props"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}:"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemoveProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"):"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" JSX"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"Element"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" newProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ...{"})}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "Are you absolutely sure?"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "The record will be removed."'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"TrashIcon "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"/>,"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"),"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" },"})}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"props"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" }"})}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"BtnConfirm "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"{..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"newProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={{"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" variant"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "destructive"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" }}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})}),(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { TrashIcon } from "@radix-ui/react-icons" import { BtnConfirm, BtnConfirmProps } from "@/components/ui/btn-confirm" type TKey = "title" | "description" | "btnIcon" type BtnRemoveProps = { action: (id: any) => any entityId: any } & Omit & Partial> export function BtnRemove({ action, entityId, ...props }: BtnRemoveProps): JSX.Element { const newProps: BtnConfirmProps = { ...{ title: "Are you absolutely sure?", description: "The record will be removed.", btnIcon: , action: () => action(entityId), }, ...props, } return } `,__src__:"registry/new-york/ui/btn-remove.tsx",__style__:"new-york",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" TrashIcon "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@radix-ui/react-icons"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirm"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnConfirmProps "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-confirm"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"type"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "title"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "description"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "btnIcon"'})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"type"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemoveProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"id"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" any"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" &"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Omit"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "action"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" &"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Partial"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"Pick"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TKey"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">>"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemove"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"props"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}:"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnRemoveProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"):"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" JSX"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:"Element"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" newProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" BtnConfirmProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ...{"})}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "Are you absolutely sure?"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "The record will be removed."'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" btnIcon"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"TrashIcon "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"/>,"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"entityId"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"),"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" },"})}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"props"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" }"})}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"BtnConfirm "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"{..."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"newProps"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" btnAttr"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={{"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" variant"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "destructive"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" }}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})]}),(0,e.jsx)(i,{children:"Update the import paths to match your project setup."})]})})]}),` `,(0,e.jsxs)(n.h2,{id:"usage",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { BtnRemove } from "@/components/ui/btn-remove" `,children:(0,e.jsx)(n.code,{"data-language":"tsx","data-theme":"default",children:(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" BtnRemove "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/btn-remove"'})]})})})}),` `,(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` console.log("Confirm")} /> `,children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"BtnConfirm"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" btnText"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:'"OK"'})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" title"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" description"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:'"Are you sure?"'})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" action"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" console"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"log"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:'"Confirm"'}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:")}"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})})]})})})]})}function W(l={}){let{wrapper:n}=l.components||{};return n?(0,e.jsx)(n,Object.assign({},l,{children:(0,e.jsx)(f,l)})):f(l)}var T=W;function s(l,n){throw new Error("Expected "+(n?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return C(I);})(); ;return Component;