From 7c7e30afa58a527ff26bac351f59b98774869d70 Mon Sep 17 00:00:00 2001
From: Aaron Shekey <aaron@aaronshekey.com>
Date: Tue, 7 Jan 2025 11:19:53 -0600
Subject: [PATCH] Stuff!

---
 apps/www/app/components/page-header.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/apps/www/app/components/page-header.tsx b/apps/www/app/components/page-header.tsx
index ed27b192..843b551b 100644
--- a/apps/www/app/components/page-header.tsx
+++ b/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 />}