import Link from 'next/link'

const Page = () => (
  <div>
    <h3>My blog</h3>
    <Link href="/[post]" as="/post-1" id="view-post-1">
      View post 1
    </Link>
    <br />
    <Link
      href="/[post]/comments"
      as="/post-1/comments"
      id="view-post-1-comments"
    >
      View post 1 comments
    </Link>
    <br />
    <Link
      href="/[post]/[comment]"
      as="/post-1/comment-1"
      id="view-post-1-comment-1"
    >
      View comment 1 on post 1
    </Link>
    <br />
    <Link
      href="/blog/[post]/comment/[id]"
      as="/blog/321/comment/123"
      id="view-nested-dynamic-cmnt"
    >
      View comment 123 on blog post 321
    </Link>
    <br />
    <Link
      href="/[post]?fromHome=true"
      as="/post-1?fromHome=true"
      id="view-post-1-with-query"
    >
      View post 1 with query
    </Link>
    <br />
    <Link
      href="/on-mount/[post]"
      as="/on-mount/test-w-hash#item-400"
      id="view-dynamic-with-hash"
    >
      View test with hash
    </Link>
  </div>
)

export default Page