import Link from 'next/link'

const StorySideBar = ({ stories }) => (
    <div className="side_content col-md-3">
        <h2>Latest Stories</h2>
        <hr />
       {stories.map((article) =>  (
            <div key={article.attributes.Slug}>
                <h2><Link href="/news/[slug]" as={"/news/" + article.attributes.Slug}>{article.attributes.Title}</Link></h2>
                <div dangerouslySetInnerHTML={{__html: article.attributes.Lead}} />
                <hr></hr>
            </div>
        ))}
    </div>
    );
    
export default StorySideBar