import React from "react";
import { Card, CardBody, Col, Container, Row } from "reactstrap";
import { SingleBlogData } from "./SingleBlogData";
import CommentSection from "./CommentSection";
const Breadcrumbs = dynamic(() => import("@/CommonComponent/Breadcrumbs"), { ssr: false })
import { Blog, BlogSingle } from "@/Constant";

const BlogSingleContainer = () => {
  return (
    <>
      <Breadcrumbs pageTitle={BlogSingle} parent={Blog} />
      <Container fluid>
        <Row>
          <Col sm="12">
            <Card>
              <CardBody>
                <div className="blog-single">
                  <SingleBlogData />
                  <CommentSection />
                </div>
              </CardBody>
            </Card>
          </Col>
        </Row>
      </Container>
    </>
  );
};

export default BlogSingleContainer;