import React from 'react'
import TranslateClient from "@/components/ui/localization/TranslateClient"
import { cn } from '@/lib/utils';

const Price = ({ priceAfterDiscount, priceBeforeDiscount, className }: {
    priceAfterDiscount: number;
    priceBeforeDiscount: number;
    className?: string;
}) => {
    return (
        <div className={cn("flex items-center gap-2 text-mainLime", className)}>
            <span>
                {priceAfterDiscount?.toFixed(2)}{' '}
                <TranslateClient text="SAR" />
            </span>
            <span className="text-gray-500 line-through text-sm">
                {priceBeforeDiscount}{' '}
                <TranslateClient text="SAR" />
            </span>
        </div>
    )
}

export default Price