Industry

import React, {PropTypes} from 'react';
import styles from './Industries.scss';
import cs from 'classnames';
import ISVG from 'react-inlinesvg';

// Assets
import checkMarkSVG from './images/check.svg';

const Industry = (props) => {
  let theme = styles[props.theme];
  let classes = {
    industry: cs(styles.industry, theme),
    checkmark: cs(styles.checkmark, theme),
    name: cs(styles.name, theme)
  };

  return (
    <div className={classes.industry}>
      <div>
        <span className={classes.checkmark}>
          <ISVG src={checkMarkSVG}/>
        </span>
        <span className={classes.name}>
          {props.industryName}
        </span>
      </div>
    </div>
  );
};

Industry.propTypes = {
  theme: PropTypes.string.isRequired,
  industryName: PropTypes.string.isRequired,
  imagePath: PropTypes.string.isRequired,
  orderIndex: PropTypes.number.isRequired
};

export default Industry;