"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SortButton = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledLink = _styledComponents.default.a.withConfig({
  displayName: "SortButton__StyledLink",
  componentId: "sc-xmnw1p-0"
})(["justify-content:inherit;text-decoration:none;color:inherit;width:100%;"]);
var SortButton = exports.SortButton = function SortButton(_ref) {
  var children = _ref.children,
    _onClick = _ref.onClick,
    className = _ref.className;
  return _react.default.createElement(StyledLink, {
    className: className,
    href: "#",
    role: "button",
    onClick: function onClick(e) {
      e.preventDefault();
      _onClick();
    },
    onKeyDown: function onKeyDown(e) {
      if (e.keyCode === 32) {
        _onClick();
      }
    }
  }, children);
};