webapp/src/components/Feed/Row5.tsx

import type { Shout } from '../../graphql/types.gen'
import { ArticleCard } from './Card'

export const Row5 = (props: { articles: Shout[] }) => {
  return (
    <div class="floor floor--1">
      <div class="wide-container">
        <div class="row">
          <div class="col-md-3">
            <ArticleCard article={props.articles[0]} />
            <ArticleCard article={props.articles[1]} settings={{ noimage: true, withBorder: true }} />
          </div>
          <div class="col-md-6">
            <ArticleCard article={props.articles[2]} settings={{ isBigTitle: true }} />
          </div>
          <div class="col-md-3">
            <ArticleCard article={props.articles[3]} />
            <ArticleCard article={props.articles[4]} settings={{ noimage: true, withBorder: true }} />
          </div>
        </div>
      </div>
    </div>
  )
}