Region selector with a header showing the active flag, country, and currency, and a list of regions with flags and currency codes plus a check on the active one.
The import and the props worth knowing about, in one place.
import { Commerce30 } from "@/components/beste/piece/commerce30";
<Commerce30
selected="United Kingdom"
regions={[
{
"flag": "馃嚭馃嚫",
"country": "United States",
"currency": "USD"
},
{
"flag": "馃嚞馃嚙",
"country": "United Kingdom",
"currency": "GBP"
},
{
"flag": "馃嚜馃嚭",
"country": "Eurozone",
"currency": "EUR"
},
{
"flag": "馃嚡馃嚨",
"country": "Japan",
"currency": "JPY"
}
]}
bordered={false}
/>