import PropTypes from 'prop-types';
import React from 'react';
import classNames from 'classnames';
import styles from './close-button.css';
import closeIcon from './icon--close.svg';
import closeIconOrange from './icon--close-orange.svg';
import backIcon from '../../lib/assets/icon--back.svg';
let closeIcons = {};
const CloseButton = props => (
{props.buttonType === 'back' ?

:

}
);
CloseButton.SIZE_SMALL = 'small';
CloseButton.SIZE_LARGE = 'large';
CloseButton.COLOR_NEUTRAL = 'neutral';
CloseButton.COLOR_GREEN = 'green';
CloseButton.COLOR_ORANGE = 'orange';
closeIcons = {
[CloseButton.COLOR_NEUTRAL]: closeIcon,
[CloseButton.COLOR_GREEN]: closeIcon, // TODO: temporary, need green icon
[CloseButton.COLOR_ORANGE]: closeIconOrange
};
CloseButton.propTypes = {
buttonType: PropTypes.oneOf(['back', 'close']),
className: PropTypes.string,
color: PropTypes.string,
onClick: PropTypes.func.isRequired,
size: PropTypes.oneOf([CloseButton.SIZE_SMALL, CloseButton.SIZE_LARGE])
};
CloseButton.defaultProps = {
color: CloseButton.COLOR_NEUTRAL,
size: CloseButton.SIZE_LARGE,
buttonType: 'close'
};
export default CloseButton;