"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const deps_1 = require("./deps");
const _elements_1 = require("./_elements");
function toPlaceholderProps(props, state) {
    const isLabelOnTop = state.value !== '';
    const placeholderText = deps_1.toPlaceholder(props, state);
    const shouldAnimatePlaceholder = props.animatePlaceholder || props.shouldAnimatePlaceholder;
    return Object.assign({}, props, { shouldAnimatePlaceholder,
        isLabelOnTop,
        placeholderText });
}
exports.toPlaceholderProps = toPlaceholderProps;
function renderPlaceholder(props, state) {
    const { isLabelOnTop, placeholderText, shouldAnimatePlaceholder } = toPlaceholderProps(props, state);
    if (shouldAnimatePlaceholder === false) {
        return '';
    }
    return (react_1.default.createElement(_elements_1.StyledLabel, { className: 'input-box-label', isLabelOnTop: props.isLabelOnTop }, placeholderText));
}
exports.renderPlaceholder = renderPlaceholder;
function renderError(props, state) {
    return state.isValidInput === false && (react_1.default.createElement(_elements_1.StyledErrorMessage, { text: state.errorMessage }));
}
exports.renderError = renderError;
// @todo also renderWrap if needed
function toWrap(props) {
    return props.nowrap === true ? react_1.default.Fragment : _elements_1.TextBoxWrap;
}
exports.toWrap = toWrap;
//# sourceMappingURL=_renderProps.js.map