import { Product } from "@/modules/products/product"
import AddToCartButton from "../cart/AddToCartButton"
import TranslateClient from "@/components/ui/localization/TranslateClient"
import Price from "../shared/price/price"

type props = {
  reverse?: boolean
  product: Product
}

const PriceWithIcon = ({ reverse, product }: props) => {
  return (
    <div className={`flex justify-between items-center [&>*]:transition-none ${reverse ? "flex-row-reverse" : ""}`}>
      <Price priceBeforeDiscount={product.price} priceAfterDiscount={product.priceAfterDiscount} />
      <AddToCartButton product={product} secondaryStyle />
    </div>
  )
}

export default PriceWithIcon