import React from "react";
import { ProductDetails } from "@/types/product";

export const ProductAvailability: React.FC<{
  productDetails: ProductDetails;
}> = ({ productDetails }) => {
  return (
    <div className="flex items-center space-x-2 mt-4 mb-2.5">
      {productDetails.price !== "0" && productDetails.stock !== "0" ? (
        <p className="">
          <span className="inline-block w-3 h-3 bg-green-600 rounded-full mr-2"></span>
          <span className="text-green-600 font-semibold">Verfügbar</span> –
          Lieferung in {productDetails.min_delivery_time}–
          {productDetails.max_delivery_time} {productDetails.delivery_days}
        </p>
      ) : (
        <p className="font-semibold">
          <span className="inline-block w-3 h-3 bg-red-600 rounded-full mr-2"></span>
          <span className="text-red-600">Nicht verfügbar</span>
        </p>
      )}
    </div>
  );
};