Adapt plugin headings to use normal links

1 files changed, 6 insertions, 6 deletions

diff --git a/packages/gitbook-plugin-headings/src/index.js b/packages/gitbook-plugin-headings/src/index.js
index 01d2ed1..55397bd 100644
--- a/packages/gitbook-plugin-headings/src/index.js
+++ b/packages/gitbook-plugin-headings/src/index.js
@@ -16,7 +16,7 @@ let Heading = React.createClass({
     },
 
     render() {
-        const { position, id } = this.props;
+        const { position, children, id } = this.props;
         const className = classNames('Headings-Container', {
             'Headings-Right': (position !== 'left')
         });
@@ -26,17 +26,17 @@ let Heading = React.createClass({
                 <GitBook.ImportCSS href="gitbook/headings/headings.css" />
 
                 {position == 'left' ?
-                <GitBook.Link className="Headings-Anchor-Left" href={`#${id}`}>
+                <a className="Headings-Anchor-Left" href={`#${id}`}>
                     <i className="fa fa-link" />
-                </GitBook.Link>
+                </a>
                 : null}
 
-                {this.props.children}
+                {children}
 
                 {position != 'left' ?
-                <GitBook.Link className="Headings-Anchor-Right" href={`#${id}`}>
+                <a className="Headings-Anchor-Right" href={`#${id}`}>
                     <i className="fa fa-link" />
-                </GitBook.Link>
+                </a>
                 : null}
             </div>
         );