"use strict";

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

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

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

var _typography = require("../../../../mixins/typography");

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

var _span = require("../../../typography/span");

var _clickableSearchResult = require("./clickable-search-result.css-rules");

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

var DefaultSearchResult = (0, _styledComponents["default"])(_span.Span).attrs(function (_ref) {
  var _ref$bold = _ref.bold,
      bold = _ref$bold === void 0 ? true : _ref$bold,
      large = _ref.large;
  return {
    fontSize: large ? 'f2' : 'f1',
    bold: bold ? 'true' : large
  };
}).withConfig({
  displayName: "DefaultSearchResult",
  componentId: "s4tr8h-0"
})(["color:", ";background:", ";display:block;padding:", ";padding-right:24px;width:100%;text-align:left;font-size:", ";font-family:", ";&:hover,&:focus,&:active{background:", ";color:", ";}"], _clickableSearchResult.getSearchResultColor, _clickableSearchResult.getSearchResultBackground, _clickableSearchResult.getSearchResultPadding, _typography.getFontSize, _typography.getFontFamily, (0, _branding.getPaletteColor)('brand-secondary-fg'), (0, _branding.getPaletteColor)('white'));
exports.DefaultSearchResult = DefaultSearchResult;
var ClickableSearchResult = (0, _styledComponents["default"])(_behaviors.UnstyledButton).attrs(function (_ref2) {
  var _ref2$type = _ref2.type,
      type = _ref2$type === void 0 ? 'button' : _ref2$type;
  return {
    type: type
  };
}).withConfig({
  displayName: "ClickableSearchResult",
  componentId: "s4tr8h-1"
})(["display:block;width:100%;"]);
exports.ClickableSearchResult = ClickableSearchResult;