@boomerang-io/carbon-addons-boomerang-react/dist/esm/components/TextInput/TextInput.js

Carbon Addons for Boomerang apps

import React from 'react';
import { TextInput } from '@carbon/react';
import { Information } from '@carbon/react/icons';
import TooltipHover from '../TooltipHover/TooltipHover.js';
import { prefix } from '../../internal/settings.js';

/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
const TextInputComponent = React.forwardRef(function TextInputComponent({ id, label, labelText, tooltipClassName = `${prefix}--bmrg-text-input__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, ...textInputProps }, ref) {
    const labelValue = label || labelText;
    return (React.createElement("div", { key: id, className: `${prefix}--bmrg-text-input` },
        React.createElement(TextInput, { id: id, labelText: labelValue && (React.createElement("div", { className: `${prefix}--bmrg-text-input__label` },
                React.createElement("div", null, labelValue),
                tooltipContent && (React.createElement("div", { className: tooltipClassName },
                    React.createElement(TooltipHover, { tooltipContent: tooltipContent, ...tooltipProps },
                        React.createElement(Information, { size: 16, fill: "currentColor" })))))), ref: ref, ...textInputProps })));
});

export { TextInputComponent as default };