import React from "react";
import Link from "next/link";

const IndustrySidebar = ({ title, services }) => {
  return (
    <div className="widget-area">
      <div className="widget widget_service_categories">
        <h3 className="widget-title">{title}</h3>
        <ul>
          {services.map((service, index) => (
            <li key={index}>
              <Link href={service?.link}>
                {service.name}
                <i className="ri-arrow-right-s-line"></i>
              </Link>
            </li>
          ))}
        </ul>
      </div>
    </div>
  );
};

export default IndustrySidebar;