import React from "react";

const BlogPage = props => {
  const articlesData = [
    {
      heading: "Heading 1",
      subheading: "Subheading 1",
      text:
        "Taking a mini-retirement can be an eye-opening experience unlike anything you’ve ever done. But if you don’t have a plan and you aren’t funding it adequately, it can become a disaster."
    },
    {
      heading: "Heading 2",
      subheading: "Subheading 2",
      text: `Taking a mini-retirement can be an eye-opening experience unlike anything you’ve ever done. But if you don’t have a plan and you aren’t funding it adequately, it can become a disaster.`
    }
  ];
  const BlogArticles = props => {
    const articles = props.map(function(element) {
      <li>{element}</li>;
    });
    return { articles };
  };
  return (
    <main>
      <BlogArticles data={articlesData} {...articlesData} />
    </main>
  );
};
export default BlogPage;