{"size": 350, "ext": "js", "max_stars_repo_path": "osa7/bloglist-frontend/src/components/MainView.js", "max_stars_repo_name": "Lavikjo/fullstackopen2020", "max_stars_repo_stars_event_min_datetime": "2021-02-24T06:31:31.000Z", "max_stars_repo_stars_event_max_datetime": "2021-02-24T06:31:31.000Z", "max_issues_repo_path": "osa7/bloglist-frontend/src/components/MainView.js", "max_issues_repo_name": "Lavikjo/fullstackopen2020", "max_issues_repo_issues_event_min_datetime": "2020-04-07T19:43:44.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-11T09:55:38.000Z", "max_forks_repo_path": "osa7/bloglist-frontend/src/components/MainView.js", "max_forks_repo_name": "Lavikjo/fullstackopen2020", "max_forks_repo_forks_event_min_datetime": "2021-02-24T06:32:13.000Z", "max_forks_repo_forks_event_max_datetime": "2021-02-24T06:32:13.000Z"}
{"max_stars_count": 1, "max_issues_count": 4, "max_forks_count": 1, "avg_line_length": 15.9090909091, "max_line_length": 35, "alphanum_fraction": 0.5657142857}
import React from "react"
import Blogs from "./Blogs"
import BlogForm from "./BlogForm"
import Togglable from "./Togglable"

const MainView = ( { blogs }) => {
  return (
    <>
      <Togglable
        buttonLabel="New blog">
        <BlogForm/>
      </Togglable>
      <Blogs
        blogs={blogs}
      />

    </>
  )

}

export default MainView