src/pages/Forum/posts-main/ForumPage.jsx

import React, { useState } from 'react';
import Header from '../../../components/Header';
import SearchBar from './components/SearchBar';
import CreatePostButton from './components/CreatePostButton';
import PostList from './components/PostList';
import './ForumPage.css';

const ForumPage = () => {
  const [searchQuery, setSearchQuery] = useState('');

  const handleSearch = (query) => {
    setSearchQuery(query);
  };

  return (
    <div className="forum-page">
      <Header />
      <div className="toolbar">
        <CreatePostButton />
        <SearchBar onSearch={handleSearch} />     
      </div>
      <PostList search={searchQuery} />
    </div>
  );
};

export default ForumPage;