const {ChromaticExplorer} = Package['mdg:chromatic-explorer'] || {};

const { Chromatic } = Package['mdg:chromatic-api'] || {};

import { Chromatic } from 'meteor/mdg:chromatic';

import { ChromaticExplorer } from 'meteor/mdg:chromatic';

if (ChromaticExplorer) {
  ChromaticExplorer.configure({ basePath: '/styleguide' });
}

import { Chromatic } from 'meteor/mdg:chromatic';

ComponentName = React.createClass({
  // code
});

if (Chromatic) {
  Chromatic.add(ComponentName, {
    specs: [
      new Chromatic.Spec('specName1', { 
        props: {
          // props used by your component
        }
      }),
      new Chromatic.Spec('specName2', {
        props: {
          // props used by your component
        }
      })
    ]
  });
}

import { Chromatic } from 'meteor/mdg:chromatic-api';