The design of the component created in Figma has lots of details, text colour, background colour, and border colour, + these colour needs to be changed if we hover over the component, or if we keep the element in an active state. Here colour information is actually data, and thus…