import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import{styled as o}from"styled-components";import{d as t}from"./Layouts-BlFm53ED.mjs";import{B as n}from"./ModalHeader-DffkxvO4.mjs";import{C as m}from"./ScreenHeader-CHmc4-Lu.mjs";import{t as a}from"./FundWalletMethodHeader-A50eT5P4.mjs";import{I as s}from"./InjectedWalletIcon-DLcYOGDj.mjs";import{N as d}from"./index-Dq_xe9dz.mjs";import{a as l,R as c}from"./Row-C9vrS4Zi.mjs";import{L as h,V as p}from"./Value-tcJV9e0L.mjs";import{A as f}from"./Address-BOC18tYY.mjs";import{N as g}from"./NetworkIcon-B48ilzF8.mjs";import{k as j}from"./index-BtwxknTg.mjs";const I=({walletClientType:o,displayName:I,addressToFund:x,chainId:w,chainName:y,isBridging:N,isErc20Flow:C,totalPriceInNativeCurrency:T,totalPriceInUsd:B,gasPriceInNativeCurrency:F,gasPriceInUsd:P})=>{let k=j(o);/*#__PURE__*/return r(e,{children:[/*#__PURE__*/i(a,{}),/*#__PURE__*/i(d,{centerIcon:/*#__PURE__*/i(s,{icon:k?.image_url?.md,name:o})}),/*#__PURE__*/i(m,{style:{marginTop:"8px",marginBottom:"12px"},title:`${N?"Bridging":"Confirming"} with ${I}`}),!N&&!C&&/*#__PURE__*/r(l,{children:[/*#__PURE__*/r(c,{children:[/*#__PURE__*/i(h,{children:"Total"}),/*#__PURE__*/i(p,{children:B||T})]}),/*#__PURE__*/r(c,{children:[/*#__PURE__*/i(h,{children:"To"}),/*#__PURE__*/i(p,{children:/*#__PURE__*/i(f,{address:x,showCopyIcon:!1})})]}),/*#__PURE__*/r(c,{children:[/*#__PURE__*/i(h,{children:"Network"}),/*#__PURE__*/i(p,{children:/*#__PURE__*/r(u,{children:[/*#__PURE__*/i(g,{chainId:w,height:16,width:16})," ",y]})})]}),F&&/*#__PURE__*/r(c,{children:[/*#__PURE__*/i(h,{children:"Estimated fee"}),/*#__PURE__*/i(p,{children:P||F})]})]}),/*#__PURE__*/i(t,{height:24}),/*#__PURE__*/i(n,{})]})};let u=o.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
`;export{I as T};
//# sourceMappingURL=TransferOrBridgeLoadingScreen-VPgw0f73.mjs.map
