"use client";
import Image from "next/image";
import React from "react";
import { useTranslation } from "react-i18next";

interface CartInterface {
  src: string;
  order: number;
  text: string;
}

export default function Cart(props: CartInterface) {
  const { t } = useTranslation("common");
  return (
    <div className="flex flex-row gap-2 ">
      <Image
        src={props.src}
        alt="Panel image"
        width={100}
        height={100}
      />

      <div className="font-bold justify-evenly flex flex-col ">
        <p className="text-2xl text-neutral-800 dark:text-neutral-300">
        {props.order}  {t("panel.Order")}
        </p>
        <p className="text-neutral-700 dark:text-neutral-400"> {props.text}</p>
      </div>
    </div>
  );
}
