1 files changed, 40 insertions, 0 deletions
diff --git a/src/react/Accordion.js b/src/react/Accordion.js
new file mode 100644
index 0000000..3acdd24
--- /dev/null
+++ b/src/react/Accordion.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVGIcon from './SVGIcon.js';
+
+class Accordion extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      open: props.defaultExpanded
+    };
+  }
+  render() {
+    const { children, title, className, dataTestId } = this.props;
+    const { open } = this.state;
+    return (
+      <div className={`sdc-accordion ${className}`}>
+        <div data-test-id={dataTestId} onClick={() => this.setState({ open: !open })} className='sdc-accordion-header'>
+          <SVGIcon name='chevronDown' iconClassName={open ? 'down' : ''} />
+          <div className='title'>{title}</div>
+        </div>
+        <div className={`sdc-accordion-body ${open ? 'open' : ''}`}>{children}</div>
+      </div>
+    );
+  }
+}
+
+Accordion.propTypes = {
+  title: PropTypes.string,
+  children: PropTypes.node,
+  expandByDefault: PropTypes.bool,
+  dataTestId: PropTypes.string
+};
+
+Accordion.defaultProps = {
+  title: '',
+  className: '',
+  defaultExpanded: false
+};
+
+export default Accordion;