Dashboard sipadu mbip
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

CloseButton.js 1.0KB

123456789101112131415161718192021222324252627282930313233
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import PropTypes from 'prop-types';
  4. import React from 'react';
  5. import classNames from 'classnames';
  6. var propTypes = {
  7. label: PropTypes.string.isRequired,
  8. onClick: PropTypes.func
  9. };
  10. var defaultProps = {
  11. label: 'Close'
  12. };
  13. var CloseButton = React.forwardRef(function (_ref, ref) {
  14. var label = _ref.label,
  15. onClick = _ref.onClick,
  16. className = _ref.className,
  17. props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
  18. return React.createElement("button", _extends({
  19. ref: ref,
  20. type: "button",
  21. className: classNames('close', className),
  22. onClick: onClick
  23. }, props), React.createElement("span", {
  24. "aria-hidden": "true"
  25. }, "\xD7"), React.createElement("span", {
  26. className: "sr-only"
  27. }, label));
  28. });
  29. CloseButton.displayName = 'CloseButton';
  30. CloseButton.propTypes = propTypes;
  31. CloseButton.defaultProps = defaultProps;
  32. export default CloseButton;