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;