'use strict';

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

var _templateObject = _taggedTemplateLiteral(['\n  input[type=\'password\'],\n  input[type=\'text\'] {\n    padding: ', ' ', '\n      ', ' ', ' !important;\n  }\n'], ['\n  input[type=\'password\'],\n  input[type=\'text\'] {\n    padding: ', ' ', '\n      ', ' ', ' !important;\n  }\n']);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var _themeGet2 = _interopRequireDefault(_themeGet);

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var InputRevealPasswordContainer = _styledComponents2.default.div.withConfig({
  displayName: 'InputRevealPasswordWrapper__InputRevealPasswordContainer'
})(['position:relative;width:100%;div{position:absolute;right:10px;top:30%;z-index:10;}input[type=\'password\'],input[type=\'text\']{padding:', ' ', ' ', ' ', ' !important;}'], (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.extraLarge'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.medium'));

InputRevealPasswordContainer.Small = InputRevealPasswordContainer.extend(_templateObject, (0, _themeGet2.default)('spacing.small'), (0, _themeGet2.default)('spacing.extraLarge'), (0, _themeGet2.default)('spacing.small'), (0, _themeGet2.default)('spacing.small'));

exports.default = InputRevealPasswordContainer;