import React from 'react';
import SocialIcon from './SocialIcon';

export interface SocialsTypes {
  items: any;
  gap?: string;
  size?: string;
}
const Socials = ({ items, size, gap = 'gap-3' }: SocialsTypes) => {
  return (
    <section
      data-c="slmr--Socials"
      id="slmr--Socials"
      className={`flex ${gap}`}
    >
      {items.map((item: any, index: number) => (
        <SocialIcon key={`social--${index}`} social={item} size={size} />
      ))}
    </section>
  );
};

export default Socials;