made 5 components with single theme dependent styles

Author: prasanna1211

src/index.js

@@ -1,46 +1,14 @@
-// import Button from './button';
-// import Card from './card';
-// import Checkbox from './checkbox';
-// import CheckboxGroup from './checkboxGroup';
-// import Toggle from './toggle';
-
-// export default {
-//   Button,
-//   Card,
-//   Checkbox,
-//   CheckboxGroup,
-//   Toggle,
-// };
-
-import React from 'react';
-import ReactDOM from 'react-dom';
+import Button from './button';
+import Card from './card';
+import Checkbox from './checkbox';
+import CheckboxGroup from './checkboxGroup';
 import Toggle from './toggle';
-import themes from './theme.scss';
-
-class ToggleDisplay extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      toggled: false,
-    };
-  }
-
-  handleToggle = () => {
-    this.setState({
-      toggled: !this.state.toggled,
-    });
-  }
 
-  render() {
-    return (
-      <Toggle
-        toggled={this.state.toggled}
-        onClick={this.handleToggle}
-        theme={themes}
-      />
-    );
-  }
-}
+export default {
+  Button,
+  Card,
+  Checkbox,
+  CheckboxGroup,
+  Toggle,
+};
 
-ReactDOM.render(<ToggleDisplay />, document.getElementById('index'));