"use client";

import * as React from "react";
import { H1, H2, H3, H4, H5, H6 } from "./heading-with-anchor";

export function HeadingWithAnchorDemo() {
  return (
    <div className="space-y-6">
      <H1 anchor="section-1">Heading Level 1</H1>
      <H2 anchor="section-2">Heading Level 2</H2>
      <H3 anchor="section-3">Heading Level 3</H3>
      <H4 anchor="section-4">Heading Level 4</H4>
      <H5 anchor="section-5">Heading Level 5</H5>
      <H6 anchor="section-6">Heading Level 6</H6>
    </div>
  );
}