text: import React, { useState } from "react"
  import SectionBItem from "./SectionBItem"
  
  const SectionB = () => {
    const [items] = useState([
      {
        faIcon: "users",
        title: "MYOB Training & Support",
        text:
          "One-on-one onsite training plus phone and online support services.",
      },
      {
        faIcon: "box-open",
        title: "MYOB Software",
        text:
          "Find the MYOB product that best suit your business needs. Our expert advice can help you make that decision.",
      },
      {
        faIcon: "file-download",
        title: "Product Downloads",
        text: "Download the current version of your software.",
      },
    ])
  
    return (
      <section id="home-b">
        <h2 className="m-heading text-center">Our Services</h2>
        <div className="overlay"></div>
        <div className="grid-3 grid">
          {items.map(item => (
            <SectionBItem
              faIcon={item.faIcon}
              title={item.title}
              text={item.text}
            />
          ))}
        </div>
      </section>
    )
  }
  
  export default SectionB
  