import theme from '../middleware/theme';
import { create, tsx } from '@dojo/framework/core/vdom';
import * as css from '../theme/default/helper-text.m.css';
const factory = create({ theme }).properties();
export default factory(function HelperText({ properties, middleware: { theme } }) {
    const { text, valid } = properties();
    const themedCss = theme.classes(css);
    return (tsx("div", { key: "root", classes: [
            theme.variant(),
            themedCss.root,
            valid === true ? themedCss.valid : null,
            valid === false ? themedCss.invalid : null
        ] }, text && (tsx("p", { key: "text", classes: themedCss.text, "aria-hidden": 'true', title: text }, text))));
});

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