Article.jsx

// The Home Page
import React, { Component } from "react";

import ArticleView from "./ArticleView";
import ArticleShare from "./ArticleShare";
import BlogCardCol from "../Blog/BlogCardCol";

import "./Article.scss";

class Article extends Component {
	render() {
		return (
			<div className='article'>
				<div className='article__main'>
					<ArticleView />
					<ArticleShare />
				</div>

				{/* In Prod this is a list iterated using map */}
				{/* Editorial Blogs */}
				<div className='blog__section'>
					<h4 className='heading-main'>Top Editorial Blogs</h4>
				</div>
				<div className='blog__editorial'>
					<BlogCardCol />
					<BlogCardCol />
					<BlogCardCol />
					<BlogCardCol />
				</div>
				{/* Editorial Blogs */}
			</div>
		);
	}
}
export default Article;