import React from "react";
import SearchableSelect2 from "@/components/ui/SearchableSelect";

interface CurrencySelectProps {
  p_currency: any;
  setp_currency: (value: any) => void;
}

const CurrencySelect: React.FC<CurrencySelectProps> = ({
  p_currency,
  setp_currency,
}) => {
  return (
    <div className="group transition-all duration-200">
      <SearchableSelect2
        label="Currency (if different)"
        apiUrl="/api/searchabledropdown/currencylist"
        value={p_currency}
        onChange={setp_currency}
        placeholder="Select currency..."
        className="group-hover:border-[#428B4D]/50"
      />
    </div>
  );
};

export default CurrencySelect;