import { FaTimes } from 'react-icons/fa'
import { FaTools } from 'react-icons/fa'

const SimpleItem = ({ item, onDelete, onModify }) => {
    return (
        <div className="inventaire-item">
            <h3>
                {item.title}
                <div>
                    <FaTools style={{ color: "gray", cursor: 'pointer' }}
                        onClick={() => onModify(item.id)} />
                    <FaTimes style={{ color: "red", cursor: 'pointer' }}
                        onClick={() => onDelete(item.id)} />
                </div>
            </h3>
            <p> Categoie: {item.category}, Prix: {item.price}, Promo: {item.promoPrice}, Quantité: {item.quantity}</p>
            <p> Description: {item.description}</p>
        </div>
    )
}

export default SimpleItem