<Link />

<Link href="/home">Home</Link>

<Link href="https://example.com" external>
  Visit Website
</Link>

<div className="space-y-2">
  <Link color="default">Default Link</Link>
  <Link color="primary">Primary Link</Link>
  <Link color="accent">Accent Link</Link>
  <Link color="success">Success Link</Link>
  <Link color="warning">Warning Link</Link>
  <Link color="danger">Danger Link</Link>
</div>

<Link href="/dashboard" inline={false}>
  Go to Dashboard
</Link>

<Link asChild>
  <Button>Click Me</Button>
</Link>

<Link href="/settings">
  <SettingsIcon className="size-4" />
  Settings
</Link>

<nav className="flex gap-4">
  <Link href="/home" color="default">Home</Link>
  <Link href="/products" color="default">Products</Link>
  <Link href="/about" color="default">About</Link>
  <Link href="/contact" color="default">Contact</Link>
</nav>