Severity Legend Bar - Copy this React, Mui Component to your project

I need a legend indicates severity in an image. If color is green it is health and red, in contrast, is not healthy. I want to express the legend as a bar that color start from green at left to red at right. This bar's color changed continuously from left to right.