export default function ContactInfo({ items }) {
  return (
    <div className="row gy-4">
      {items.map((item, i) => (
        <div key={i} className="col-xl-4 col-md-6">
          <div className="team-contact">
            <div className="icon-btn"><i className={item.icon}></i></div>
            <div className="media-body">
              <h5 className="box-title label">{item.label}</h5>
              <p className="box-text">
                {item.link ? (
                  <a href={item.link} {...(item.target ? { target: item.target, rel: 'noopener noreferrer' } : {})}>{item.value}</a>
                ) : item.value}
              </p>
            </div>
          </div>
        </div>
      ))}
    </div>
  )
}
