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

export default {
  title: 'Components/SocialIcon',
  component: SocialIcon,
}

const Template = (args) => <SocialIcon {...args} />

export const Twitter = Template.bind({})
Twitter.args = {
  height: 0,
  icon: 'twitter',
  url: 'www.twitter.com',
}

export const Instagram = Template.bind({})
Instagram.args = {
  color: '#AB8983',
  height: 40,
  icon: 'instagram',
  url: 'www.instagram.com',
}