"use client";

import React from 'react';
import { OrderItem } from './types';

const OrderSummaryItem = ({ item }: { item: OrderItem }) => {
  return (
    <div className="cartproductlist">    
      <div className="cartitem">
        <a className="cartlis-img" href="javascript:void(0);">
          <img src={item.image} alt={item.name} />
        </a>
        <div className="carttitle">
          <div className="p-0">
            <h3><a href="javascript:void(0);">{item.name}</a></h3>
            <div className="flex flex-col lg:flex-row gap-1 lg:gap-3">
              <div className="inline-flex">
                <p className="flex items-center gap-2">Size: {item.size}</p>
              </div>
              <div className="inline-flex">
                <p className="flex items-center gap-2">QTY: {item.quantity}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className="cart-price">
        <span className="money">₹{item.price}</span>
      </div>
    </div>
  );
};

export default OrderSummaryItem;