Init

Preview: http://dashboards.webkom.co/react/airframe

app/components/Accordion/AccordionHeader.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import CardHeader from './../CardHeader';
+
+import { Consumer } from './context';
+import classes from './AccordionHeader.scss';
+
+export const AccordionHeader = (props) => (
+    <Consumer>
+    {
+        ({ onToggle }) => (
+            <CardHeader
+                className={
+                    classNames(
+                        props.className,
+                        classes.header
+                    )
+                }
+                onClick={ onToggle}
+            >
+                { props.children }
+            </CardHeader>
+        )   
+    }
+    </Consumer>
+);
+AccordionHeader.propTypes = {
+    children: PropTypes.node,
+    onClick: PropTypes.func,
+    className: PropTypes.string
+};