import Link from 'next/link'

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