import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';

import '../base';
import styles from './AppIcon.styl';

export default function AppIcon({ circle, small, xsmall, customer, partner, rmo, admin, support, style, ...props }) {

  const classes = classNames({
    [styles.appicon]: true,
    [styles.circle]: circle,
    [styles.small]: small,
    [styles.xsmall]: xsmall,
    [styles.partner]: partner,
    [styles.customer]: customer,
    [styles.rmo]: rmo,
    [styles.admin]: admin,
    [styles.support]: support
  });

  return <div className={classes} style={style} />;
}

AppIcon.propTypes = {
  circle: PropTypes.bool,
  small: PropTypes.bool,
  xsmall: PropTypes.bool,
  customer: PropTypes.bool,
  partner: PropTypes.bool,
  rmo: PropTypes.bool,
  admin: PropTypes.bool,
  support: PropTypes.bool,
  // eslint-disable-next-line react/forbid-prop-types
  style: PropTypes.object
};

AppIcon.defaultProps = {
  circle: undefined,
  small: undefined,
  xsmall: undefined,
  customer: undefined,
  partner: undefined,
  rmo: undefined,
  admin: undefined,
  support: undefined,
  style: undefined
};