How to use the @commercetools-uikit/localized-utils.createLocalizedDataAttributes function in @commercetools-uikit/localized-utils

remainingLanguages={languages.length - 1}
              toggleLanguages={toggleLanguages}
              isLastLanguage={isLastLanguage}
              hasErrorOnRemainingLanguages={hasErrorOnRemainingLanguages}
              hasWarningOnRemainingLanguages={hasWarningOnRemainingLanguages}
              hasError={Boolean(
                props.hasError || (props.errors && props.errors[language])
              )}
              hasWarning={Boolean(
                props.hasWarning || (props.warnings && props.warnings[language])
              )}
              warning={props.warnings && props.warnings[language]}
              error={props.errors && props.errors[language]}
              showExpandIcon={props.showExpandIcon}
              onClickExpand={props.onClickExpand}
              {...createLocalizedDataAttributes(props, language)}
            />
          );
        })}

hasWarningOnRemainingLanguages
                      )}
                    />
                  );
                return null;
              })()}
              hasError={Boolean(
                props.hasError || (props.errors && props.errors[language])
              )}
              hasWarning={Boolean(
                props.hasWarning || (props.warnings && props.warnings[language])
              )}
              intl={intl}
              warning={props.warnings && props.warnings[language]}
              error={props.errors && props.errors[language]}
              {...createLocalizedDataAttributes(props, language)}
            />
          );
        })}

name={LocalizedTextInput.getName(props.name, language)}
                  value={props.value[language]}
                  onChange={props.onChange}
                  language={language}
                  placeholder={
                    props.placeholder ? props.placeholder[language] : undefined
                  }
                  onBlur={props.onBlur}
                  onFocus={props.onFocus}
                  isAutofocussed={index === 0 && props.isAutofocussed}
                  isDisabled={props.isDisabled}
                  isReadOnly={props.isReadOnly}
                  hasError={Boolean(
                    props.hasError || (props.errors && props.errors[language])
                  )}
                  {...createLocalizedDataAttributes(props, language)}
                />
                {props.errors && props.errors[language]}
                {(() => {
                  if (
                    !hasRemainingLanguages ||
                    props.hideLanguageExpansionControls
                  )
                    return null;

                  if (isFirstLanguage && !areLanguagesExpanded)
                    return (
                      
                    );

hasWarningOnRemainingCurrencies
                      )}
                    />
                  );
                return null;
              })()}
              hasError={Boolean(
                props.hasError || (props.errors && props.errors[currency])
              )}
              hasWarning={Boolean(
                props.hasWarning || (props.warnings && props.warnings[currency])
              )}
              intl={intl}
              warning={props.warnings && props.warnings[currency]}
              error={props.errors && props.errors[currency]}
              {...createLocalizedDataAttributes(props, currency)}
            />
          );
        })}