Footer UI rendering function

FloatingFooterWithReact-1.tsx

const renderFooter = useCallback(
    (isActive: Boolean) => {
      return (
        <div data-testid={isActive ? 'footer-container-id' : ''}>
          <Button
            disabled={!isActive || normalButtonDisableCondition}
            dataTestId={isActive ? 'footer-button-id' : null}
          >
            Footer Action Text
          </Button>
        </div>
      );
    },
    [normalButtonDisableCondition]
  );