{"size": 699, "ext": "js", "max_stars_repo_path": "examples/svelte-kitchen-sink/src/stories/addon-notes.stories.js", "max_stars_repo_name": "Joseph-Whiunui/storybook", "max_stars_repo_stars_event_min_datetime": "2019-11-17T07:01:36.000Z", "max_stars_repo_stars_event_max_datetime": "2019-11-17T07:01:36.000Z", "max_issues_repo_path": "examples/svelte-kitchen-sink/src/stories/addon-notes.stories.js", "max_issues_repo_name": "Joseph-Whiunui/storybook", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "examples/svelte-kitchen-sink/src/stories/addon-notes.stories.js", "max_forks_repo_name": "Joseph-Whiunui/storybook", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.9714285714, "max_line_length": 99, "alphanum_fraction": 0.6194563662}
import ButtonView from './views/ButtonView.svelte';

export default {
  title: 'Addon/Notes',
};

export const simpleNote = () => ({
  Component: ButtonView,
});

simpleNote.story = {
  name: 'Simple note',
  parameters: { notes: 'My notes on the [ButtonView](/story/addon-notes--simple-note) component' },
};

export const noteWithHtml = () => ({
  Component: ButtonView,
  props: {
    text: '🤔😳😯😮😄😩😓😱🤓😑😶😊',
  },
});

noteWithHtml.story = {
  name: 'Note with HTML',
  parameters: {
    notes: `
    <h2>My notes on emojies</h2>

    <em>It's not all that important to be honest, but..</em>

    Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇
  `,
  },
};
