Init

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

app/components/Accordion/AccordionIndicator.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import { Consumer } from './context';
+
+export const AccordionIndicator = (props) => (
+    <Consumer>
+    {
+        ({ isOpen }) => isOpen ?
+            React.cloneElement(props.open, {
+                className: classNames(props.className, props.open.props.className)
+            }) : React.cloneElement(props.closed, {
+                className: classNames(props.className, props.closed.props.className)
+            })
+    }
+    </Consumer>
+);
+AccordionIndicator.propTypes = {
+    open: PropTypes.node,
+    closed: PropTypes.node,
+    className: PropTypes.string
+}
+AccordionIndicator.defaultProps = {
+    open: <i className="fa fa-fw fa-minus"></i>,
+    closed: <i className="fa fa-fw fa-plus"></i>
+}