import { Currency } from "../types/product";

const SaudiRiyalIcon = ({ size = 15 }: { size?: number }) => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="inline-block"
>
<path d="m20 19.5-5.5 1.2" />
<path d="M14.5 4v11.22a1 1 0 0 0 1.242.97L20 15.2" />
<path d="m2.978 19.351 5.549-1.363A2 2 0 0 0 10 16V2" />
<path d="M20 10 4 13.5" />
    </svg>
);

export default function CurrencySymbol({
                                           currency,
                                       }: {
    currency?: Currency;
}) {
    if (currency?.main_symbol === "SAR") {
        return <SaudiRiyalIcon />;
    }

    return <span>{currency?.symbol || currency?.main_symbol || ""}</span>;
}