"use strict";

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

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

var _selectorButton = require("./selector-button.css-rules");

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

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

var _focus = require("../../../../mixins/focus");

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

var SelectorButton = _styledComponents["default"].button.attrs(function () {
  return {
    fontSize: 'f0'
  };
}).withConfig({
  displayName: "SelectorButton",
  componentId: "sc-935uyw-0"
})(["&&{background:", ";border:0;color:", ";font-family:", ";font-size:", ";margin:0;padding:15px;text-align:center;width:100%;", "}", "{box-shadow:", ",", " ", ";}&:hover{color:", ";}&:active{color:", ";}"], (0, _branding.getPaletteColor)('white'), (0, _branding.getPaletteColor)('brand-primary-base'), _selectorButton.getForegroundFont, _typography.getFontSize, (0, _focus.getBaseFocusState)({
  hoverTransition: false,
  activeTransition: false
}), _focus.FOCUS_VISIBLE_SELECTOR, _focus.focusedBoxShadow, _focus.focusedBorderShadow, _focus.focusedBorderColor, (0, _branding.getPaletteColor)('brand-primary-dark'), (0, _branding.getPaletteColor)('brand-primary-fg'));

exports.SelectorButton = SelectorButton;
SelectorButton.displayName = 'SelectorButton';