import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../../../scalars/lib/utils.js';
import { InputDiff } from '../../input/subcomponent/input-diff.js';
import { AmountDiff } from './fake-amount-diff.js';
const SplittedAmountDiff = ({ baseValue, value, viewMode, currencyPosition, options, symbolPosition, includeCurrencySymbols, ...props }) => {
    return (_jsx(InputDiff, { className: cn('group'), "data-testid": "amount-input-diff", ...props, children: viewMode === 'mixed' ? (_jsxs("div", { className: cn('flex flex-1'), children: [_jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: "removal", currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) }), _jsx("div", { className: cn('ml-3 mr-3 h-[36px] w-px bg-gray-300 shrink-0') }), _jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: "addition", currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) })] })) : (_jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: viewMode, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) })) }));
};
export { SplittedAmountDiff };
//# sourceMappingURL=splitted-amount.js.map