interface ActivityCardProps {
  icon?: React.ReactNode;
  title: string;
}

const ActivityCard = ({ icon, title }: ActivityCardProps) => {
  return (
    <div className="space-y-3">
      <div className="w-10 h-10 rounded-full text-[#00BED7] overflow-hidden border border-[#00BED7]">{icon}</div>
      <p className="lg:text-sm sm:text-xs text-[10px] font-semibold whitespace-pre-line">{title}</p>
    </div>
  );
};

export default ActivityCard;