Text is simply a
span with additional props. It accepts
variant props like a
Text also accepts an array of
variant as the
gradient prop. This will render a text with color gradient.
primary → success
primary → secondary → error
warning → success → foreground → secondary → primary
variant array only contains 1 element, the 700 and 800 level colors of the
variant will be used to create a color gradient.