feat(WEB-250): overview hero final ui

components/TempDesignSystem/Subtitle/variants.ts

@@ -0,0 +1,22 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./subtitle.module.css"
+
+const config = {
+  variants: {
+    color: {
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+    },
+    textTransform: {
+      regular: styles.regular,
+      uppercase: styles.uppercase,
+    },
+  },
+  defaultVariants: {
+    color: "burgundy",
+    textTransform: "regular",
+  },
+} as const
+
+export const subtitleVariants = cva(styles.subtitle, config)