import { ActivityFeedProps } from "@/types/types"



export default function ActivityFeed({ activities }: ActivityFeedProps) {
  return (
    <div className="rounded-xl border border-[#14253d] bg-[#0c1a2c] p-6 flex flex-col">
      <h3 className="text-base font-semibold text-white mb-4">Recent activity</h3>
       <hr className="border-[#14253d] mb-6" />
      <div className="divide-y divide-[#14253d] flex-1 flex flex-col justify-between">
        {activities.map((activity, index) => {
          const parts = activity.text.split(activity.boldText);
          
          return (
            <div key={index} className="py-3.5 flex items-start text-sm gap-4 first:pt-0 last:pb-0">
              <span className="text-gray-500 font-medium tabular-nums shrink-0">{activity.time}</span>
              <p className="text-gray-300">
                {parts[0]}
                <span className="font-semibold text-white">{activity.boldText}</span>
                {parts[1]}
              </p>
            </div>
          );
        })}
      </div>
    </div>
  );
}