"use strict";

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

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

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

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

var getSelectionIndicatorShape = function getSelectionIndicatorShape() {
  return (0, _styledComponents.css)(["font-size:", ";font-family:", ";font-weight:", ";border-radius:9999px;padding:10px;"], _typography.getFontSize, _typography.getFontFamily, (0, _typography.getFontWeight)({
    bold: true
  }));
};

exports.getSelectionIndicatorShape = getSelectionIndicatorShape;

var getForeground = function getForeground(_ref) {
  var _ref$selected = _ref.selected,
      selected = _ref$selected === void 0 ? false : _ref$selected,
      theme = _ref.theme;
  return selected ? (0, _branding.getPaletteColor)('white')({
    theme: theme
  }) : (0, _branding.getPaletteColor)('greyscale-black')({
    theme: theme
  });
};

exports.getForeground = getForeground;
var focusedCss = (0, _styledComponents.css)(["color:", ";border:1px solid ", ";background:transparent;"], (0, _branding.getPaletteColor)('greyscale-black'), (0, _branding.getPaletteColor)('greyscale-black'));

var getFocusedCss = function getFocusedCss(_ref2) {
  var _ref2$selected = _ref2.selected,
      selected = _ref2$selected === void 0 ? false : _ref2$selected;
  if (selected) return '';
  return focusedCss;
};

exports.getFocusedCss = getFocusedCss;