export default function FeedPanel({ entries }) {
   return (
      <section className="panel">
         <div className="panel-header">
            <h2>New Feed</h2>
            <span className="panel-badge">Activity</span>
         </div>
         <div className="feed-list">
            {entries.map((entry) => (
               <div key={entry.id} className={`feed-item ${entry.type}`}>
                  <span className="feed-dot" />
                  <span>{entry.message}</span>
               </div>
            ))}
         </div>
      </section>
   )
}
