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