code: function Header({
    RootComponent,
    className,
    children,
    size = 1,
  }: Props): React.Node {
    const classes = cn(`h${size}`, className);
    const Component = RootComponent || "div";
    return <Component className={classes}>{children}</Component>;
  }
docs: A header
  By default renders a div not a <hX> tag and has no additional spacing classes applied