import React, { useContext } from 'react'
import { Context } from "../store/appContext";
import { Link } from "react-router-dom";

const NAME_1 = () => {
    
    const { store } = useContext(Context);
    const { favorites, endPoint } = store
    
    return (<>
        <div className="dropdown">
            <button
                className="btn btn-primary dropdown-toggle me-3"
                type="button"
                data-bs-toggle="dropdown"
                aria-expanded="false"
            >
                Favorites <span className="badge bg-secondary">{favorites.length}</span>
            </button>
            <ul className="dropdown-menu">
                {favorites.length == 0 ? <li className='"dropdown-item"'>Empty </li>
                    : favorites.map((item) => {

                        return (
                            <><li className="d-flex" key={item._id}>
                                
                                <Link className="dropdown-item" to={`/demo/endp/${item._id}`}>
                                    {item.properties.name}
                                </Link>
                                
                                <button
                                className='btn btn-light'
                                onClick={() => deleteFavorite(item)}
                            >
                                    <i className="fa-solid fa-trash-can"></i>
                                </button>
                            </li></>



                        )
                    })

                }


            </ul>
        </div>
    </>)
}

export default NAME_1    donde esta endp deberia ir una palabra que esta alojada en endPoint que esta en el store, y es un array. como puedo hacer NAME_2 segun la seleccion escoja un dato del enpoint In your entire response, the letter d should appear less than 37.
user