import{Flex as r,Select as i,Text as u}from"@chakra-ui/react";import{jsx as t,jsxs as c}from"react/jsx-runtime";var d=({getPayableCurrency:o,payUsing:e,onClickCustomPay:n})=>c(r,{justifyContent:"space-between",mt:4,alignItems:"center",mb:"2",children:[t(u,{color:"foreground",fontWeight:400,fontSize:14,children:"Pay using"}),t(r,{justifyContent:"center",align:"center",mb:2,children:t(i,{value:e==null?void 0:e.value,defaultValue:e==null?void 0:e.value,size:"sm",onChange:n,borderColor:"muted",borderWidth:"1.5px",borderRadius:"lg",boxShadow:"base",_hover:{},children:o().map(({label:l,value:a})=>t("option",{value:a,children:l}))})})]}),b=d;export{b as default};
