"use strict";

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

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

var _styledSystem = require("styled-system");

var _link = _interopRequireDefault(require("../../atoms/link"));

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

/**
 * @component
 * @private
 */
const DropDownItem = _styledComponents.default.span.withConfig({
  displayName: "drop-down-item__DropDownItem",
  componentId: "iszfll-0"
})(["position:relative;z-index:10000;border:none;color:", ";display:block;font-family:", ";border:solid transparent;border-width:0 ", ";&:hover{border-color:", ";background:", ";}& svg{vertical-align:middle;padding-bottom:2px;padding-right:", ";fill:", ";}& a{color:", ";}", ";& > ", ",& > a{padding:", ";display:block;&:hover{text-decoration:none;}}"], ({
  theme
}) => theme.colors.darkGrey, ({
  theme
}) => theme.font, ({
  theme
}) => theme.space.sm, ({
  theme
}) => theme.colors.bluePrimary, ({
  theme
}) => theme.colors.greyPale, ({
  theme
}) => theme.space.default, ({
  theme
}) => theme.colors.greyLight, ({
  theme
}) => theme.colors.darkGrey, _styledSystem.space, _link.default, ({
  theme
}) => theme.space.lg);

exports.DropDownItem = DropDownItem;
var _default = DropDownItem;
exports.default = _default;