Add Flag component

src/elements/Flag/Flag.js

@@ -0,0 +1,30 @@
+import React, { PropTypes } from 'react'
+import cx from 'classnames'
+import META from '../../utils/Meta'
+
+function Flag(props) {
+  const { className, name, ...rest } = props
+  const classes = cx(
+    name,
+    className,
+    'flag',
+  )
+
+  return (<i className={classes} {...rest} />)
+}
+
+Flag._meta = {
+  library: META.library.semanticUI,
+  name: 'Flag',
+  type: META.type.element,
+}
+
+Flag.propTypes = {
+  /** Classes to add to the Flag className. */
+  className: PropTypes.string,
+
+  /** Name for element, can use the two digit country code, the full name, or a common alias */
+  name: PropTypes.string.isRequired,
+}
+
+export default Flag

src/index.js

@@ -37,6 +37,7 @@ export Button from './elements/Button/Button'
 export Buttons from './elements/Button/Buttons'
 export Container from './elements/Container/Container'
 export Divider from './elements/Divider/Divider'
+export Flag from './elements/Flag/Flag'
 export Header from './elements/Header/Header'
 export Icon from './elements/Icon/Icon'
 export Image from './elements/Image/Image'

test/specs/elements/Flag/Flag-test.js

@@ -0,0 +1,23 @@
+import React from 'react'
+
+import Flag from 'src/elements/Flag/Flag'
+import * as common from 'test/specs/commonTests'
+
+describe('Flag', () => {
+  common.isConformant(Flag)
+
+  it('renders an <i /> element', () => {
+    shallow(<Flag />)
+      .should.have.tagName('i')
+  })
+
+  it('adds the "flag" class', () => {
+    shallow(<Flag />)
+      .should.have.className('flag')
+  })
+
+  it('passes property "name" to class', () => {
+    shallow(<Flag name='ru' />)
+      .should.have.className('ru')
+  })
+})