// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import { Markdown } from "@coreai-ds/react-components";
import * as React from 'react';

const anchorLinks = `
# Table of Contents
- [Section 1](#section-1)
- [Section 2](#section-2)
- [Section 3](#section-3-with-code)

## Section 1
This is the first section. [Back to top](#table-of-contents)

## Section 2
This is the second section. [Back to top](#table-of-contents)

## **Section 3** with \`code\`
This is the third section. [Back to top](#table-of-contents)
`;

export const AnchorLinks = (): JSXElement => <Markdown content={anchorLinks}/>;

export default AnchorLinks;