blog component

yoga-app/src/components/blog.posts.component.tsx

@@ -1,16 +1,19 @@
 import YogaImageComponent from "@/components/yoga.image.component";
+import {YogaBlogPostsComponent_Plain} from "@/types/generated-strapi-interfaces/api/yoga-blog-posts-component";
 
+export interface Props {
 
-const BlogPostsComponent = () => {
+    config: YogaBlogPostsComponent_Plain
+}
+const BlogPostsComponent = ( {config: { title,header,description,posts} }: Props) => {
     return (<section className="blog_posts_section">
             <div className="container">
                 <div className="row">
                     <div className="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                         <div className="blog_posts_content">
-                            <h5>Blog Posts</h5>
-                            <h2>Our News Feed</h2>
-                            <p>Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
-                                consequatur vel illum qui dolorem eum fugiat</p>
+                            <h5>{title}</h5>
+                            <h2>{header}</h2>
+                            <p>{description}</p>
                         </div>
                     </div>
                 </div>