\n \n

Pay with Wero

\n \n

Select your bank

\n setSearchQuery(e.target.value)} className=\"w-full bg-transparent border-0 border-b rounded-none px-0 py-2 focus-visible:ring-0\" style={{ borderColor: \"#CCCCCC\", color: \"#1A1A1A\" }} />\n \n

\n \n

\n {showKlarnaSection && (\n

\n setKlarnaDropdownOpen((o) => !o)} className=\"w-full flex items-center gap-4 p-4 transition-colors hover:opacity-90\" style={{ backgroundColor: \"transparent\" }}>\n

\n \n

\n Klarna\n \n \n \n \n \n {klarnaDropdownOpen && (\n \n {filteredKlarnaOptions.map((option, index) => (\n \n ))}\n \n )}\n \n

\n )}\n {showKlarnaSection && filteredBanks.length > 0 &&

}\n {filteredBanks.map((bank, index) => (\n onSelectBank(bank.name)} className=\"w-full flex items-center gap-4 p-4 rounded-xl transition-colors\" style={{ backgroundColor: \"#FFFFFF\", border: \"1px solid #F0F0F0\" }}>\n

\n \n

\n {bank.name}\n {bank.hasArrow ? (\n

\n ) : (\n

\n )}\n \n ))}\n

\n {showCookieBanner && (\n

Wero uses strictly necessary cookies to improve your experience. See our Cookie Policy.

\n \n

\n )}\n \n

\n );\n};\n","deleted","label",[175,176,159],"src","components","permalink","https://www.val.town/x/huibw/wero-mockup/code/src/components/WeroBankSelection.tsx","extension","tsx","actionData","errors"]