text: import React from "react";
  import { Container, Row, Col } from "shards-react";
  
  import PageTitle from "../components/common/PageTitle";
  import Editor from "../components/add-new-post/Editor";
  import SidebarActions from "../components/add-new-post/SidebarActions";
  import SidebarCategories from "../components/add-new-post/SidebarCategories";
  
  const AddNewPost = () => (
    <Container fluid className="main-content-container px-4 pb-4">
      {/* Page Header */}
      <Row noGutters className="page-header py-4">
        <PageTitle sm="4" title="Create Announcement" subtitle="Team Building" className="text-sm-left" />
      </Row>
  
      <Row>
        {/* Editor */}
        <Col lg="9" md="12">
          <Editor />
        </Col>
  
        {/* Sidebar Widgets */}
        <Col lg="3" md="12">
          <SidebarActions />
          <SidebarCategories />
        </Col>
      </Row>
    </Container>
  );
  
  export default AddNewPost;
  