"use client" import { useState } from "react" // shadcn import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" // assets import { Building2, Coins, CreditCard, Smartphone, Wallet } from "lucide-react" const paymentMethods = [ { label: "Credit Card", value: "card", icon: CreditCard, description: "Visa, Mastercard, Amex", }, { label: "PayPal", value: "paypal", icon: Wallet, description: "Fast & secure checkout", }, { label: "Bank Transfer", value: "bank", icon: Building2, description: "Direct account transfer", }, { label: "Apple Pay", value: "apple", icon: Smartphone, description: "One-touch mobile payment", }, { label: "Cryptocurrency", value: "crypto", icon: Coins, description: "BTC, ETH, USDC", }, ] // ------------------------------ | SELECT - WITH ICONS | ------------------------------ // export function SelectWithIcons() { const [value, setValue] = useState("card") const selectedMethod = paymentMethods.find((item) => item.value === value) return ( ) }