import{jsx as o,jsxs as m}from"react/jsx-runtime";import{ButtonContainer as w}from"../containers/button.js";import"../containers/card.js";import{css as a}from"@styled/css";import{Center as c,HStack as p,VStack as L}from"@styled/jsx";import{token as N}from"@styled/tokens";import j 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 d from"../primitives/text.js";import{Children as h,cloneElement as f,forwardRef as k}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 g,createHost as v}from"create-slots";const u=g(({children:r,...t})=>o(c,{children:h.map(r,e=>f(e,t))})),b=g(({children:r,...t})=>o(c,{children:h.map(r,e=>f(e,t))})),y=k((r,t)=>{const{primaryLabel:e,secondaryLabel:l,isExternalLink:x}=r;return v(r.children,s=>{const i=s.get(u),n=s.get(b);return o(w,{ref:t,className:a({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),borderRadius:"0.5rem",expand:!0,...r,children:m(p,{justify:"space-between",w:"full",children:[m(p,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:a({color:"brand.base"})}},m(L,{gap:0,alignItems:"start",children:[m(p,{children:[o(d,{fontWeight:"medium",children:e}),x&&o(j,{width:14,height:14,color:N("colors.neutral.primary")})]}),l&&o(d,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),o(p,{children:n&&{...n,props:{...n.props,className:n.props.color?void 0:a({color:"neutral.primary"}),width:16,height:16}}})]})})})});y.displayName="NavigationButton";const C=Object.assign(y,{LeadingIcon:u,TrailingIcon:b});export{C as default};
//# sourceMappingURL=navigation-button.js.map
