Link

import { Link } from "@/components/ui/preskok-ui/link"

export function LinkPreskokDemo() {
  return (
    <div className="space-x-4">
      <Link href="#">Primary link</Link>
      <Link href="#">Secondary link</Link>
      <Link href="#">Unstyled link</Link>
    </div>
  )
}

"use client"

import { buttonStyles } from "@/components/ui/preskok-ui/button"
import { Link } from "@/components/ui/preskok-ui/link"

export function LinkButtonPreskokDemo() {
  return (
    <div className="flex gap-2">
      <Link className={buttonStyles()} href="#use-as-button">
        Link
      </Link>
      <Link
        className={buttonStyles({ intent: "outline" })}
        href="#use-as-button"
      >
        Link
      </Link>
      <Link
        className={buttonStyles({ intent: "plain", isCircle: true })}
        href="#use-as-button"
      >
        Link
      </Link>
    </div>
  )
}