feat: start of cards

packages/website-ue/src/components/Text/index.tsx

@@ -1,4 +1,5 @@
 import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
 import type { Color } from "../../core/ui/color";
 import "./index.css";
 
@@ -7,10 +8,15 @@ export interface TextProps extends ComponentProps<"span"> {
   lowContrast?: boolean;
 }
 
-export function Text({ color = "gray", lowContrast, ...props }: TextProps) {
+export function Text({
+  color = "gray",
+  lowContrast,
+  className,
+  ...props
+}: TextProps) {
   return (
     <span
-      className="text"
+      className={classNames("text", className)}
       style={{ color: `var(--${color}-${lowContrast ? 11 : 12})` }}
       {...props}
     />