ria-activedescendant={ariaActivedescendant}
          id={inputId}
          {...(role && { role })}
          {...(isExpanded !== undefined && { 'aria-expanded': isExpanded })}
          {...(ariaControls && { 'aria-controls': ariaControls })}
        />
        {validated && <TextInputGroupIcon isStatus>{<StatusIcon aria-hidden="true" />}</TextInputGroupIcon>}
      </span>
    </div>
  );
};

export const TextInputGroupMain = React.forwardRef(
  (props: TextInputGroupMainProps, ref: React.Ref<HTMLInputElement>) => (
    <TextInputGroupMainBase innerRef={ref as React.MutableRefObject<any>} {...props} />
  )
);

TextInputGroupMain.displayName = 'TextInputGroupMain';