import React from "react" ; import { Reference } from "../../../../models" ; export function ReferenceComponent ( props ) { return ( < div > < div > < h1 > Recommendations < /h1> < /div> < div className = "flex-container" > { props . data . map ( ( reference , index ) => ( < div key = { index } className = "slide" > < div className = "half-box" > < div className = "name" > { reference ?. name } < /div> < div className = "summary" > { reference ?. reference } < /div> < /div> < /div>))} < /div> < /div>); }