Stuff!

apps/www/app/components/page-header.tsx

@@ -1,18 +1,15 @@
 import { cx } from "@ngrok/mantle/cx";
-import type { WithStyleProps } from "@ngrok/mantle/types";
-import type { PropsWithChildren } from "react";
+import type { ComponentProps } from "react";
 import { PreviewBadge, UnreleasedBadge } from "./badges";
 
-type PageHeaderProps = WithStyleProps &
-	PropsWithChildren & {
-		id?: string;
-		isPreview?: boolean;
-		isUnreleased?: boolean;
-	};
+type PageHeaderProps = ComponentProps<"h1"> & {
+	isPreview?: boolean;
+	isUnreleased?: boolean;
+};
 
-export const PageHeader = ({ children, className, style, id, isPreview, isUnreleased }: PageHeaderProps) => (
+export const PageHeader = ({ children, className, isPreview, isUnreleased, ...props }: PageHeaderProps) => (
 	<div className="flex flex-wrap items-center gap-3">
-		<h1 className={cx("text-4xl font-medium sm:text-5xl", className)} style={style} id={id}>
+		<h1 className={cx("text-4xl font-medium sm:text-5xl", className)} {...props}>
 			{children}
 		</h1>
 		{isPreview && <PreviewBadge />}