import {createSocialIcons} from "./SocialIconsComponent";
import {socialIconsBookmark, socialIconsPlatforms} from "./SocialIconsData";

export default {
  title: 'Atoms/Social Icons',
  argTypes: {
    items: {
      name: 'Items',
      control: {type: 'object'},
      defaultValue: socialIconsPlatforms,
    },
    title: {
      name: 'Tooltip Title',
      control: 'text',
      defaultValue: '',
    }
  },
}

const Template = ({...args}) => {
  return createSocialIcons({...args});
};

export const SocialPlatforms = Template.bind({});
SocialPlatforms.args = {};

export const SocialBookmarks = Template.bind({});
SocialBookmarks.args = {
  title: 'Bookmark setzen bei: ',
  items: socialIconsBookmark,
};