import { useState } from "react";
import { Playground, Props } from "@slytrunk/docs";
import Link from "./Link";
import { Text } from "../Text";

# Link

Used for routing to other pages

<Props of={Link} />

## Basic Usage

<Playground>
  <Link route="article" params={{ id: 1 }}>
    <Text>Link to Article</Text>
  </Link>
</Playground>

## External Links

<Playground>
  <Link external href="https://google.com">
    <Text>Google</Text>
  </Link>
</Playground>