import{jsx as r,jsxs as s}from"react/jsx-runtime";import{ButtonContainer as N}from"../containers/button.js";import"../containers/card.js";import{cn as v}from"../../lib/cn.js";import y from"../icons/ico-external-link.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import c from"../primitives/text.js";import{Children as p,cloneElement as d,forwardRef as b}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as f,createHost as w}from"create-slots";const h=f(({children:t,...e})=>r("div",{className:"flex items-center justify-center",children:p.map(t,i=>d(i,e))})),x=f(({children:t,...e})=>r("div",{className:"flex items-center justify-center",children:p.map(t,i=>d(i,e))})),g=b(({className:t,...e},i)=>{const{primaryLabel:l,secondaryLabel:m,isExternalLink:u}=e;return w(e.children,n=>{const o=n.get(h),a=n.get(x);return r(N,{ref:i,className:v("p-4 bg-neutral-quaternary hover:bg-neutral-secondary",t),borderRadius:"0.5rem",expand:!0,...e,children:s("div",{className:"flex flex-row items-center justify-between w-full",children:[s("div",{className:"flex flex-row items-center gap-2.5",children:[o&&{...o,props:{height:24,...o.props,className:o.props.color?void 0:"text-brand-base"}},s("div",{className:"flex flex-col gap-0 items-start",children:[s("div",{className:"flex flex-row items-center gap-2.5",children:[typeof l=="string"?r(c,{fontWeight:"medium",children:l}):l,u&&r(y,{width:14,height:14,color:"var(--color-neutral-primary)"})]}),m&&r(c,{size:"sm",fontColor:"text.tertiary",children:m})]})]}),r("div",{className:"flex flex-row items-center gap-2.5",children:a&&{...a,props:{...a.props,className:a.props.color?void 0:"text-neutral-primary",width:16,height:16}}})]})})})});g.displayName="NavigationButton";const j=Object.assign(g,{LeadingIcon:h,TrailingIcon:x});export{j as default};
//# sourceMappingURL=navigation-button.js.map
