'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _icons = require('../../Icon/icons');

var _icons2 = _interopRequireDefault(_icons);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

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

var ACTIVE_SIZE = '3em';
var INACTIVE_SIZE = '2em';

exports.default = _styledComponents2.default.button.withConfig({
  displayName: 'SearchBoxSearchButton'
})(['position:relative;display:block;width:', ';height:', ';line-height:', ';overflow:visible;background:none;border:none;padding:0;font-size:1.5em;outline:none;margin-left:-', ' !important;&::before{position:absolute;top:-0.125em;left:15px;font-family:Bandwidth;content:"', '";width:', ';height:', ';line-height:', ';background:', ';color:', ';text-align:center;border-radius:100%;transition:0.2s all ease;cursor:pointer;}&:not(:disabled):hover::before{background:', ';color:', ';box-shadow:', ';}&:disabled{margin-left:-', ';}&:disabled::before{position:absolute;width:', ';height:', ';top:0.25em;line-height:', ';font-size:1em;left:10px;background:', ';color:', ';cursor:default;}'], ACTIVE_SIZE, ACTIVE_SIZE, ACTIVE_SIZE, ACTIVE_SIZE, (0, _icons2.default)('search'), ACTIVE_SIZE, ACTIVE_SIZE, ACTIVE_SIZE, (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.text.inverted'), (0, _themeGet2.default)('colors.primary.alternate'), (0, _themeGet2.default)('colors.text.inverted'), (0, _themeGet2.default)('shadows.short'), ACTIVE_SIZE, INACTIVE_SIZE, INACTIVE_SIZE, INACTIVE_SIZE, (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('colors.text.disabled'));