12345678910111213141516171819202122232425import React, { ReactElement } from "react";
import { Link } from "@react-md/link";
import { Text } from "@react-md/typography";

export default function Demo(): ReactElement {
  return (
    <>
      <ul>
        <li>
          <Link href="https://github.com">Github</Link>
        </li>
        <li>
          <Link href="https://w3.org">www.w3.org</Link>
        </li>
      </ul>
      <Text>
        You can also render links within paragraphs or the{" "}
        <code>{"<Text />"}</code>
        component. So here is a link to{" "}
        <Link href="https://github.com">GitHub</Link> again to show how it
        looks.
      </Text>
    </>
  );
}