chore: simplified step component

newrelic · Jun 5, 2020 · 95fb3d2 · 95fb3d2
1 parent 906c36d
commit 95fb3d2
Showing 1 changed file with 7 additions and 16 deletions.
diff --git a/src/components/Step.js b/src/components/Step.js
@@ -1,26 +1,17 @@
 import React from 'react';
 import Proptypes from 'prop-types';
-import cx from 'classnames';
 import SideBySide from './SideBySide';
 
 import styles from './Step.module.scss';
 
-const Step = ({ children, number, total }) => {
-  children = React.Children.toArray(children);
-  const codeSnippet = children.find((child) => child?.props?.mdxType === 'pre');
-  const childrenWithoutCodeSnippet = children.filter(
-    (child) => child !== codeSnippet
-  );
-
-  return (
-    <div className={styles.wrapper}>
-      <p className={styles.stepNumber}>{`Step ${number} of ${total}`}</p>
-      <div className={styles.stepDetails}>
-        <SideBySide type="pre">{children}</SideBySide>
-      </div>
+const Step = ({ children, number, total }) => (
+  <div className={styles.wrapper}>
+    <p className={styles.stepNumber}>{`Step ${number} of ${total}`}</p>
+    <div className={styles.stepDetails}>
+      <SideBySide type="pre">{children}</SideBySide>
     </div>
-  );
-};
+  </div>
+);
 
 Step.propTypes = {
   children: Proptypes.node.isRequired,