text: import React from "react"
  
  export default function BlogBanner(props) {
    const { blog_banner } = props
    return (
      <div className="blog-page-banner">
        <div className="blog-page-content">
          {blog_banner.banner_title && (
            <h1 className="hero-title">{blog_banner.banner_title}</h1>
          )}
  
          {blog_banner.banner_description && (
            <p className="hero-description">{blog_banner.banner_description}</p>
          )}
        </div>
      </div>
    )
  }
  