import styles from '@/styles/ContactCode.module.css';

const contactItems = [
  {
    social: 'website',
    link: 'Portfolio',
    href: 'https://ahmed.galadima.talenttic.com',
  },
  {
    social: 'email',
    link: 'ahmed.galadima@hotmail.com',
    href: 'mailto:ahmed.galadima@hotmail.com',
  },
  {
    social: 'github',
    link: 'galads',
    href: 'https://github.com/glimz',
  },
  {
    social: 'linkedin',
    link: 'Linkedin URL',
    href: 'https://www.linkedin.com/in/ahmed-galadima',
  },
  {
    social: 'twitter',
    link: 'galads',
    href: 'https://x.com/Mr_galads',
  },
];

const ContactCode = () => {
  return (
    <div className={styles.code}>
      <p className={styles.line}>
        <span className={styles.className}>.socials</span> &#123;
      </p>
      {contactItems.map((item, index) => (
        <p className={styles.line} key={index}>
          &nbsp;&nbsp;&nbsp;{item.social}:{' '}
          <a href={item.href} target="_blank" rel="noopener">
            {item.link}
          </a>
          ;
        </p>
      ))}
      <p className={styles.line}>&#125;</p>
    </div>
  );
};

export default ContactCode;