web3/site/components/Heading.js

17 lines
338 B
JavaScript

import React, { useEffect, useState } from 'react';
export const Heading = ({ level, observer }) => (props) => {
useEffect(() => {
if (observer) {
observer.observe(document.getElementById(props.id));
}
});
return React.createElement(`h${level}`, {
...props,
className: "scroll-mt-16 cursor-pointer"
})
}