import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FormGroup } from '../../../../scalars/components/fragments/form-group/index.js';
import { FormLabel } from '../../../../scalars/components/fragments/form-label/index.js';
import { SplittedInputDiff } from '../input/splitted-input-diff.js';
const TextInputDiff = ({ value, label, required, baseValue = '', viewMode = 'edition', diffMode = 'sentences', ...props }) => {
    const valueString = typeof value === 'number' || typeof value === 'bigint' ? value.toString() : value;
    const baseValueString = typeof baseValue === 'number' || typeof baseValue === 'bigint' ? baseValue.toString() : baseValue;
    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { value: valueString, baseValue: baseValueString, diffMode: diffMode, viewMode: viewMode, ...props })] }));
};
export default TextInputDiff;
//# sourceMappingURL=text-input-diff.js.map