feat(PopoverContent): add component

cbfx · cbfx · commit 7282225c0f59 · 2016-03-10T01:33:33.000-06:00
diff --git a/lib/PopoverContent.jsx b/lib/PopoverContent.jsx
@@ -0,0 +1,37 @@
+import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+
+const propTypes = {};
+
+const defaultProps = {};
+
+class PopoverContent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const {
+      children,
+      className,
+      ...attributes
+    } = this.props;
+
+    const classes = classNames(
+      className,
+      'popover-content'
+    );
+
+    return (
+      <div {...attributes}
+        className={classes}>
+        {children}
+      </div>
+    );
+  }
+}
+
+PopoverContent.propTypes = propTypes;
+PopoverContent.defaultProps = defaultProps;
+
+export default PopoverContent;
diff --git a/lib/index.js b/lib/index.js
@@ -8,6 +8,7 @@ import DropdownMenu from './DropdownMenu';
 import DropdownToggle from './DropdownToggle';
 import Label from './Label';
 import PopoverTitle from './PopoverTitle';
+import PopoverContent from './PopoverContent';
 import TetherContent from './TetherContent';
 import Tooltip from './Tooltip';
 
@@ -21,6 +22,7 @@ export {
   DropdownMenu,
   DropdownToggle,
   Label,
+  PopoverContent,
   PopoverTitle,
   TetherContent,
   Tooltip
diff --git a/test/PopoverContent.spec.js b/test/PopoverContent.spec.js
@@ -0,0 +1,13 @@
+/* eslint react/no-multi-comp: 0, react/prop-types: 0 */
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { PopoverContent } from '../lib';
+
+describe('PopoverContent', () => {
+  it('should render children', () => {
+    const wrapper = shallow(<PopoverContent>Ello world</PopoverContent>);
+
+    expect(wrapper.text()).toBe('Ello world');
+    expect(wrapper.hasClass('popover-content')).toBe(true);
+  });
+});
