import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import Icon from '../Icon';

const RoundCheckbox = ({
  checked,
  negative
}) => {
  const classes = cx('round-checkbox', {
    'round-checkbox--checked': checked
  }, {
    'round-checkbox--negative': negative
  });
  return /*#__PURE__*/React.createElement("div", {
    className: classes
  }, /*#__PURE__*/React.createElement(Icon, {
    name: negative ? 'cross' : 'tick',
    color: "white"
  }));
};

RoundCheckbox.propTypes = {
  checked: PropTypes.bool,
  negative: PropTypes.bool
};
RoundCheckbox.defaultProps = {
  checked: false,
  negative: false
};
export default RoundCheckbox;