import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../../../scalars/lib/utils.js';
import { FormGroup } from '../../../../../scalars/components/fragments/form-group/index.js';
import { FormLabel } from '../../../../../scalars/components/fragments/form-label/index.js';
import { InputDiff } from '../../input/subcomponent/input-diff.js';
import { TextDiff } from '../../input/subcomponent/text-diff.js';
const SplittedTextareaDiff = ({ value, label, required, baseValue = '', viewMode = 'edition', diffMode, ellipsis = true, multiline = false, rows = 3, }) => {
    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(InputDiff, { ellipsis: ellipsis, multiline: multiline, rows: rows, hasPadding: true, children: _jsx(TextDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode: diffMode, className: cn('min-h-9 flex-1') }) })] }));
};
export default SplittedTextareaDiff;
//# sourceMappingURL=splitted-textarea-diff.js.map