nice-ui/lib/markdown/components/charchem/CharChemDisplay/__story__/story.js

React design system, components, and utilities

"use strict";
// import * as React from 'react';
// import {storiesOf} from '@storybook/react';
// import {withKnobs, text} from '@storybook/addon-knobs';
// import CharChemDisplay from '..';
// storiesOf('Markdown|Components/CharChemDisplay', module)
//   .addDecorator(withKnobs)
//   .add('Example', () => {
//     const source = text('source', '/H2O-CO4');
//     return <CharChemDisplay source={source} />;
//   })
//   .add('Formula - 1', () => {
//     const source = text('source', '||`/`\\\\`|//\\/OH');
//     return <CharChemDisplay source={source} />;
//   })
//   .add('Formula - 2', () => {
//     const source = text('source', 'OH|\\\\|`//`\\`||/');
//     return <CharChemDisplay source={source} />;
//   })
//   .add('Formula - 3', () => {
//     const source = text('source', 'OH|\\|`/`\\`|/_o');
//     return <CharChemDisplay source={source} />;
//   });