import React from 'react';
import { storiesOf } from '@storybook/react';
import { checkA11y } from 'storybook-addon-a11y';
import ReferralIcon from './index';

storiesOf('ReferralIcon')
  .addDecorator(checkA11y)
  .add('should render a known icon', () => (
    <ReferralIcon
      item={{
        source: 'local.instagram.com',
      }}
    />
  ))
  .add('should render a generic url icon', () => (
    <ReferralIcon
      item={{
        source: 'local.awesome.com',
      }}
    />
  ))
  .add('should render a small', () => (
    <ReferralIcon
      item={{
        source: 'local.awesome.com',
      }}
      size="small"
    />
  ))
  .add('should render a medium', () => (
    <ReferralIcon
      item={{
        source: 'local.awesome.com',
      }}
      size="medium"
    />
  ))
  .add('should render a circular one', () => (
    <ReferralIcon
      item={{
        source: 'instagram',
      }}
      circular="small"
      size="medium"
    />
  ))
  .add('should render an inline one', () => (
    <ReferralIcon
      item={{
        source: 'instagram',
      }}
      circular="small"
      size="medium"
      inline
    />
  ))
  .add('should render an inactive one', () => (
    <ReferralIcon
      item={{
        source: 'instagram',
      }}
      inactive
      circular="small"
      size="medium"
    />
  ));