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

export default {
  title: 'Core/Logo',
  component: ''
};

const Template = args => (
  <div>
    <Icon name={args.name} iconWidth={args.width} />
  </div>
);

export const TheLogo = Template.bind({});
TheLogo.args = {
  name: 'TheLogo',
  width: '200'
};

export const ThePebble = Template.bind({});
ThePebble.args = {
  name: 'ThePebble',
  width: '100'
};

export const TheHand = Template.bind({});
TheHand.args = {
  name: 'TheHand',
  width: '40'
};

export const Taste = Template.bind({});
Taste.args = {
  name: 'Taste',
  width: '150'
};