const Posts = ({posts}) => (
    <section className="posts">
    {posts.map(post => (
        <section key={post.id} className="post">
            <header className="post__header">
               <h3 className="post__title">{post.title}</h3>
            </header>
            <div className="post__body">{post.body}</div>
            <footer className="post__footer">
                <p>{post.footer}</p>
            </footer>
        </section>
    </section>
);