Link Demo

import { Link } from "@/components/mizzle/primitives/link"

export default function LinkDemo() {
  return (
    <div className="flex flex-col items-start gap-3 text-[16px]/6 font-medium tracking-[-0.01em] text-foreground">
      <Link href="#slide">Slide draws in</Link>
      <Link href="#grow" variant="grow">
        Grow spreads out
      </Link>
      <Link href="#solid" variant="solid">
        Solid darkens
      </Link>
      <Link href="#swap" variant="swap" arrow>
        Swap slides up
      </Link>
    </div>
  )
}