import '../css/UserCheckin.css';

/**
 * Componenet for checkins. Has a toggle to show more info.
 * @param {Object} props The props of the component.
 * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
 */
function EdgeInfo(props) {
    // State - toggled

    const stockList = props.stockList;

   /* const stockInfo = stockList.map((stock) =>
        <li>{stock}</li>
    );*/

    const hideSelf = () => {
        props.setHideInfo(true);
    }

    return (
        <div className='edge-info-wrapper'>
            <p onClick={hideSelf}> X </p>
            <div className = 'edge-info'>
                {stockList}
            </div>
        </div>);
}

export default EdgeInfo;