"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { DollarSign } from "lucide-react";
import { Combobox } from "./combobox.js";
import { cn } from "../../lib/utils/index.js";
const currencies = [
  { value: "USD", label: "USD ($)", description: "US Dollar" },
  { value: "EUR", label: "EUR (\u20AC)", description: "Euro" },
  { value: "GBP", label: "GBP (\xA3)", description: "British Pound" },
  { value: "ARS", label: "ARS ($)", description: "Argentine Peso" },
  { value: "MXN", label: "MXN ($)", description: "Mexican Peso" },
  { value: "BRL", label: "BRL (R$)", description: "Brazilian Real" },
  { value: "CLP", label: "CLP ($)", description: "Chilean Peso" },
  { value: "COP", label: "COP ($)", description: "Colombian Peso" },
  { value: "PEN", label: "PEN (S/)", description: "Peruvian Sol" },
  { value: "UYU", label: "UYU ($U)", description: "Uruguayan Peso" },
  { value: "VES", label: "VES (Bs)", description: "Venezuelan Bol\xEDvar" },
  { value: "CAD", label: "CAD ($)", description: "Canadian Dollar" },
  { value: "JPY", label: "JPY (\xA5)", description: "Japanese Yen" },
  { value: "CNY", label: "CNY (\xA5)", description: "Chinese Yuan" },
  { value: "KRW", label: "KRW (\u20A9)", description: "South Korean Won" },
  { value: "INR", label: "INR (\u20B9)", description: "Indian Rupee" },
  { value: "AUD", label: "AUD ($)", description: "Australian Dollar" },
  { value: "NZD", label: "NZD ($)", description: "New Zealand Dollar" },
  { value: "CHF", label: "CHF (Fr)", description: "Swiss Franc" },
  { value: "SEK", label: "SEK (kr)", description: "Swedish Krona" },
  { value: "NOK", label: "NOK (kr)", description: "Norwegian Krone" },
  { value: "DKK", label: "DKK (kr)", description: "Danish Krone" },
  { value: "PLN", label: "PLN (z\u0142)", description: "Polish Zloty" },
  { value: "CZK", label: "CZK (K\u010D)", description: "Czech Koruna" },
  { value: "HUF", label: "HUF (Ft)", description: "Hungarian Forint" },
  { value: "RUB", label: "RUB (\u20BD)", description: "Russian Ruble" },
  { value: "TRY", label: "TRY (\u20BA)", description: "Turkish Lira" },
  { value: "ZAR", label: "ZAR (R)", description: "South African Rand" },
  { value: "EGP", label: "EGP (\xA3)", description: "Egyptian Pound" },
  { value: "NGN", label: "NGN (\u20A6)", description: "Nigerian Naira" },
  { value: "AED", label: "AED (\u062F.\u0625)", description: "UAE Dirham" },
  { value: "SAR", label: "SAR (\uFDFC)", description: "Saudi Riyal" },
  { value: "QAR", label: "QAR (\uFDFC)", description: "Qatari Riyal" },
  { value: "KWD", label: "KWD (\u062F.\u0643)", description: "Kuwaiti Dinar" }
];
function CurrencySelect({
  value,
  onChange,
  placeholder = "Seleccionar moneda...",
  disabled = false,
  className,
  clearable = true
}) {
  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
    /* @__PURE__ */ jsx(DollarSign, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground z-10" }),
    /* @__PURE__ */ jsx(
      Combobox,
      {
        options: currencies,
        value,
        onChange: (value2) => onChange(value2),
        placeholder,
        searchPlaceholder: "Buscar moneda...",
        emptyMessage: "No se encontraron monedas.",
        disabled,
        clearable,
        className: cn("pl-10", className)
      }
    )
  ] });
}
export {
  CurrencySelect
};
