77833 wip created SearchPageLayout component base

packages/app/src/components/SearchPageNew/SearchPageLayout.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+// TODO: SearchPageNew to SearchPage
+// deletion functionality
+
+const SearchPageLayout = (props) => {
+  return (
+    <div className="content-main">
+      <div className="search-result row" id="search-result">
+        <nav>
+          <div className="search-page-input sps sps--abv">{props.SearchControlComponent}</div>
+        </nav>
+        <div className="d-flex align-items-start justify-content-between mt-1">
+          <div className="search-result-meta">
+            <i className="icon-magnifier" /> Found {} pages with &quot;{}&quot;
+          </div>
+          <div className="text-nowrap">
+            {}
+            {}
+          </div>
+        </div>
+
+        <div className="page-list">
+          <ul className="page-list-ul page-list-ul-flat nav nav-pills">
+            {props.SearchResultList}
+          </ul>
+        </div>
+      </div>
+
+      <div className="col-lg-6 search-result-content">
+        {props.SearchResultContent}
+      </div>
+      {/* DeletePageListModal */}
+    </div>
+  );
+};
+
+SearchPageLayout.propTypes = {
+  SearchControlComponent: PropTypes.element,
+  SearchResultList: PropTypes.element,
+  SearchResultContent: PropTypes.element,
+};
+
+export default SearchPageLayout;