"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var theme_1 = require("../middleware/theme");
var vdom_1 = require("@dojo/framework/core/vdom");
var css = require("../theme/default/helper-text.m.css");
var factory = vdom_1.create({ theme: theme_1.default }).properties();
exports.default = factory(function HelperText(_a) {
    var properties = _a.properties, theme = _a.middleware.theme;
    var _b = properties(), text = _b.text, valid = _b.valid;
    var themedCss = theme.classes(css);
    return (vdom_1.tsx("div", { key: "root", classes: [
            theme.variant(),
            themedCss.root,
            valid === true ? themedCss.valid : null,
            valid === false ? themedCss.invalid : null
        ] }, text && (vdom_1.tsx("p", { key: "text", classes: themedCss.text, "aria-hidden": 'true', title: text }, text))));
});

/*# sourceMappingURL=index.js.map*/