Text

import { Text } from "@/components/ui/text-1";

export default function VariantsDemo() {
  return (
    <div className="flex flex-col gap-2 w-3/4">
        {[
          "heading-72",
          "heading-64",
          "heading-56",
          "heading-48",
          "heading-40",
          "heading-32",
          "heading-24",
          "heading-20",
          "heading-16",
          "button-16",
          "button-14",
          "button-12",
          "label-20",
          "label-18",
          "label-16",
          "label-14",
          "label-13",
          "label-12",
          "copy-24",
          "copy-20",
          "copy-18",
          "copy-16",
          "copy-14",
          "copy-13"
        ].map((variant) => {
          return (
            <Text
              key={variant}
              transform="capitalize"
              variant={variant as TTextVariant}
            >
              {variant.replace("-", " ")}
            </Text>
          );
        })}
      </div>
  );
}