import React from 'react';
import SprkBox from './SprkBox';
import { markdownDocumentationLinkBuilder } from '../../../../storybook-utilities/markdownDocumentationLinkBuilder';

export default {
  title: 'Components/Box',
  component: SprkBox,
  decorators: [
    (story) => <div className="sprk-o-Box sb-decorate">{story()}</div>,
  ],
  parameters: {
    jest: ['SprkBox'],
    info: `${markdownDocumentationLinkBuilder('box')}`,
    docs: { iframeHeight: 130 },
  },
};

export const defaultBox = () => <SprkBox />;

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

@@ -467,16 +467,68 @@
  %7D,%0A%7D;%0A%0A
+// eslint-disable-next-line react/self-closing-comp%0A
 export c
@@ -563,10 +563,18 @@
 kBox
- /
+%3E%3C/SprkBox
 %3E;%0A%0A

update react box story