sentry/docs-ui/components/onboardingPanel.stories.js

import React from 'react';
import {withInfo} from '@storybook/addon-info';

import {IconFire} from 'app/icons';
import OnboardingPanel from 'app/components/onboardingPanel';

export default {
  title: 'UI/OnboardingPanel',
};

export const Default = withInfo('Panel with icon image.')(() => {
  return (
    <OnboardingPanel image={<IconFire size="200px" />}>
      <h3>A title</h3>
      <p>Some content to show in the onboarding state.</p>
    </OnboardingPanel>
  );
});

Default.story = {
  name: 'default',
};