"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MenuItem = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _behaviors = require("../../../behaviors");

var _branding = require("../../../../mixins/branding");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var MenuItem = (0, _styledComponents["default"])(_behaviors.UnstyledButton).attrs(function () {
  return {
    role: 'menuitem',
    tabIndex: '-1'
  };
}).withConfig({
  displayName: "MenuItem",
  componentId: "o5ryr1-0"
})(["&:hover{background-color:", ";}"], (0, _branding.getPaletteColor)('background'));
exports.MenuItem = MenuItem;
MenuItem.displayName = 'MenuItem';