import{jsx as r,jsxs as n}from"react/jsx-runtime";import"../containers/button.js";import"../containers/card.js";import"@styled/css";import{VStack as d,Center as O,HStack as g,Box as y,Flex as P}from"@styled/jsx";import{Drawer as v}from"../containers/drawer.js";import{Children as U}from"react";import"../utils/client-asset-logo.js";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import V from"../icons/ico-caret-left.js";import j from"../icons/ico-magic.js";import q from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as z}from"../containers/menu.js";import{Modal as E}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import J from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import x from"../primitives/text.js";import{createSlot as i,createHost as N}from"create-slots";const S=i(({children:e})=>U.map(e,t=>r(l,{expand:!0,...t.props}))),H=i(l),W=i(l),k=i(({children:e})=>n(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(q,{})}),r(u.Content,{children:e})]})),D=i(({branding:e,title:t})=>t?r(x,{size:"sm",fontColor:"text.secondary",children:t}):r(j,{color:B(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M=i(({children:e,height:t="auto",flexGrow:m=0})=>r(d,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T=i(z),F=i(v),G=i(({children:e})=>r(O,{pt:3,w:"full",children:e})),I=i(({children:e,domain:t,name:m,logoUrl:a})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?r("img",{src:a,alt:m,width:24,height:24}):r(j,{color:B("colors.brand.base"),height:24,width:24}),r(x,{size:"sm",fontWeight:"semibold",children:m}),t&&r(x,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),Q=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,hideHeader:A=!1,...K})=>N(m,o=>{const p=o.getProps(H),s=o.getProps(W),w=o.getProps(F),h=o.getProps(T),C=o.get(S),b=o.get(k),L=o.get(D),f=e==="row";return n(E,{...K,fullscreen:!0,paddingType:"none",gap:0,children:[!A&&n(d,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&r(l,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(V,{})})}),c&&r(l,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&r(y,{w:6}),L,t||b||h?n(g,{children:[t&&r(J,{address:t}),b,h&&r(z,{...h})]}):r(y,{w:6})]}),o.get(I)]}),n(d,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M),n(d,{w:"full",gap:3,children:[o.get(G),(p||s)&&n(P,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...p}),s&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),C&&r(P,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&r(v,{...w})]})}),R=Object.assign(Q,{Actions:S,Cancel:H,Confirm:W,Content:M,Menu:T,Drawer:F,Footer:G,Header:I,Info:k,Title:D});export{R as PassportPage};
//# sourceMappingURL=passport-page.js.map
