"use strict";

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

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

var _styles = require("@vincent_za/styles");

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

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 0;\n  color: ", ";\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: top 0.1s ease-out, transform 0.1s ease-out, font-size 0.1s ease-out;\n\n  ", ";\n  ", ";\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

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

var STYLES_PLACEHOLDER_ACTIVE = "\n  top: 2px;\n  font-size: ".concat(_styles.REM_FONT_SIZE___SM, ";\n  transform: translateY(0);\n");
exports.STYLES_PLACEHOLDER_ACTIVE = STYLES_PLACEHOLDER_ACTIVE;

var _default = _styledComponents.default.div(_templateObject(), function (props) {
  return props.isError ? _styles.SUNSET_ORANGE : 'rgba(0, 0, 0, 0.3)';
}, function (props) {
  return props.hasValue && STYLES_PLACEHOLDER_ACTIVE;
}, function (props) {
  return !props.isError && props.isInfo && "color: ".concat(_styles.VERY_LIGHT_TANGELO, ";");
});

exports.default = _default;