PostList.jsx

import PostItem from './PostItem';
import SearchBar from './SearchBar';

const PostList = ({ posts, onLike, onComment, onSearch }) => {
  return (
    <div className="w-[760px] h-[832px] bg-[#E5A000] rounded-[20px] overflow-y-auto">
      <SearchBar onSearch={onSearch} />
      <div className="w-full h-[3px] bg-white"></div>
      {posts.map((post, index) => (
        <div key={post.id}>
          <PostItem 
            post={post} 
            onLike={onLike}
            onComment={onComment}
          />
          {index < posts.length - 1 && (
            <div className="w-full h-[2px] bg-white"></div>
          )}
        </div>
      ))}
    </div>
  );
};

export default PostList;