"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SuffixIcon = exports.Inputs = exports.InputInner = exports.InputContent = exports.Blinker = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

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

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Blinker = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  width: 1px;\n  height: 15px;\n  bottom: -2px;\n  left: 1px;\n  animation: blink 1s infinite steps(1, start);\n  @keyframes blink {\n    0%,\n    100% {\n      background-color: #000;\n      color: #fff;\n    }\n    50% {\n      background-color: #fff; /* not #aaa because it's seem there is Google Chrome bug */\n      color: #000;\n    }\n  }\n"])));

exports.Blinker = Blinker;

var InputContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  .input-focused::after {\n    right: 0;\n    left: 0;\n    border: 1px solid #1687d9;\n  }\n"])));

exports.InputContent = InputContent;

var InputInner = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  font-size: 13px;\n  color: #0a131a;\n  flex-grow: 1;\n  label.placeholder{\n    user-select: none;\n    pointer-events:none;\n    font-size:13px;\n    color:#ccc;\n    position:absolute;\n    left:0;\n    top:0;\n  }\n"])));

exports.InputInner = InputInner;

var SuffixIcon = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  color: #83898f;\n"])));

exports.SuffixIcon = SuffixIcon;

var Inputs = _styledComponents["default"].input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  /* height: 17px; */\n  padding: 0;\n  font-size: 13px;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  border: none;\n  color: #0a131a;\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    color: #c2cbd1;\n    font-size: 12px;\n  }\n\n  &::-ms-input-placeholder {\n    color: #c2cbd1;\n    font-size: 12px;\n  }\n"])));

exports.Inputs = Inputs;