import Link from 'next/link'

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