text: import footerData from '../../../footerData.json';
  
  import FooterList from './FooterList';
  import classes from './Footer.module.scss';
  
  const Footer = () => {
    const footerListItem = footerData.map((listItem) => {
      return (
        <FooterList
          key={listItem.id}
          heading={listItem.heading}
          item1={listItem.listItem1}
          item2={listItem.listItem2}
          item3={listItem.listItem3}
          item4={listItem.listItem4}
        />
      );
    });
  
    return (
      <footer className={classes.footer}>
        <div className={classes['footer-lists']}>{footerListItem}</div>
      </footer>
    );
  };
  
  export default Footer;
  