soniCaH / KCVV-Elewijt-Gatsby

import React, { Component } from "react"

import "./featured-section.scss"

import { NewsItemSquare } from "./news-item"

class FeaturedSection extends Component {

  render() {

    const { articles, title, link = null } = this.props

    return (

      <div className={`featured_section__wrapper`}>

        <header className={`featured_section__header`}>

          <h3>#{title}</h3>

        </header>

        <main className={`featured_section__content`}>

          {articles &&

            articles.edges.map(({ node }, i) => (

              <article className={`featured_section__item`}>

                <NewsItemSquare node={node} />

              </article>

            ))}

        </main>

        {link && <footer className={`featured_section__footer`}>{link}</footer>}

      </div>

    )

  }

}

export default FeaturedSection