import React from 'react';
import CentralColumnLayout from '../../containers/CentralColumnLayout/CentralColumnLayout';

import { SprkDivider } from '@sparkdesignsystem/spark-core-react';

const SprkDividerDocs = () => {
  return (
    <CentralColumnLayout>
      <div className="sprk-u-mbm">
        <h2 className="drizzle-b-h2">Divider as span</h2>
        <SprkDivider idString="divider-1" element="span"></SprkDivider>
      </div>

      <div className="sprk-u-mbm">
        <h2 className="drizzle-b-h2">Divider as hr</h2>
        <SprkDivider idString="divider-1" element="hr"></SprkDivider>
      </div>
    </CentralColumnLayout>
  )
}

export default SprkDividerDocs;
@@ -179,16 +179,99 @@
 -react';
+%0Aimport ExampleContainer from '../../containers/ExampleContainer/ExampleContainer';
 %0A%0Aconst 
@@ -344,34 +344,24 @@
    %3C
-div className=%22sprk-u-mbm%22
+ExampleContainer
 %3E%0A  
@@ -500,47 +500,50 @@
   %3C/
-div%3E%0A%0A      %3Cdiv className=%22sprk-u-mbm%22
+ExampleContainer%3E%0A%0A      %3CExampleContainer
 %3E%0A  
@@ -674,19 +674,32 @@
       %3C/
-div
+ExampleContainer
 %3E%0A    %3C/

Update divs to ExampleContainer component