import React from 'react';
import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
import { InputLayoutContext } from './InputLayoutContext.js';
import { getStylesLayout } from './InputLayout.styles.js';
export var InputLayoutAsideText = function (_a) {
    var _b = _a.text, text = _b === void 0 ? null : _b;
    var theme = React.useContext(ThemeContext);
    var cx = useEmotion().cx;
    var stylesLayout = useStyles(getStylesLayout);
    var disabled = React.useContext(InputLayoutContext).disabled;
    var asideClassName = stylesLayout.aside();
    return text ? (React.createElement("span", { className: cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme)) }, text)) : null;
};
//# sourceMappingURL=InputLayoutAsideText.js.map