Text

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

export default function ResponsiveVariantsDemo() {
  return (
      <div className="flex flex-col gap-2 w-3/4">
        <Text variant={{ sm: "heading-24", md: "heading-32", lg: "heading-48" }}>
          Responsive Heading
        </Text>
        <Text variant={{ sm: "copy-14", md: "copy-16", lg: "copy-20" }}>
          Responsive Copy, Lorem ipsum dolor sit amet, consectetur adipiscing
          elit.
        </Text>
      </div>
  );
}