import React, { PropTypes } from 'react';
import classNames from 'classnames';

function ClearAll({ onClick, label }) {
  return (
    <span
      key="clearAll"
      className={
        classNames(
          'c-clear-all',
          'c-clear-all__pull-right',
          'c-clear-all__draggable-container',
          )
        }
      onClick={onClick}
    >
      {label}
    </span>
  );
}

ClearAll.propTypes = {
  onClick: PropTypes.func,
  label: PropTypes.string,
};

ClearAll.defaultProps = {
  onClick: null,
  label: 'Clear All',
};

export default ClearAll;
