Button.stories.jsx

import React from 'react';
import { Button } from './Button';
import { action } from '@storybook/addon-actions';

import { isScreenshot } from 'storycap';

export default {
  title: 'Button',
  component: Button,
};

export const WithText = {
  render: () => <Button onClick={action('clicked')}>Hello {isScreenshot() ? 'Storycap' : 'Button'}</Button>,
};

export const WithSomeEmoji = {
  render: () => (
    <Button onClick={action('clicked')}>
      <span role="img" aria-label="so cool">
        😀 😎 👍 💯
      </span>
    </Button>
  ),
};

export const ToBeSkipped = {
  parameters: {
    screenshot: {
      skip: true,
    },
  },
};