import React from 'react';
import { useStyles } from '../../../lib/renderEnvironment/index.js';
import { getStylesLayout } from './InputLayout.styles.js';
import { InputLayoutAsideIcon } from './InputLayoutAsideIcon.js';
import { InputLayoutAsideText } from './InputLayoutAsideText.js';
export var InputLayoutAside = function (_a) {
    var icon = _a.icon, text = _a.text, side = _a.side;
    var stylesLayout = useStyles(getStylesLayout);
    var asideClassName = stylesLayout.aside();
    var _icon = React.createElement(InputLayoutAsideIcon, { key: "icon", icon: icon, side: side });
    var _text = React.createElement(InputLayoutAsideText, { key: "text", text: text });
    var child = side === 'left' ? [_icon, _text] : [_text, _icon];
    return React.createElement("span", { className: asideClassName }, child);
};
//# sourceMappingURL=InputLayoutAside.js.map