From d3e88be70ffa26b2b95797667cbf09031c89e7a2 Mon Sep 17 00:00:00 2001
From: Anders Olsson <anders.e.olsson@gmail.com>
Date: Sun, 7 Jun 2026 17:09:30 +0200
Subject: [PATCH] feat(web): PageTitle h1 component + story (#57)

---
 web/src/components/ui/page-title.stories.tsx | 19 +++++++++++++++++++
 web/src/components/ui/page-title.tsx         | 13 +++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 web/src/components/ui/page-title.stories.tsx
 create mode 100644 web/src/components/ui/page-title.tsx

diff --git a/web/src/components/ui/page-title.stories.tsx b/web/src/components/ui/page-title.stories.tsx
new file mode 100644
index 0000000..92aa8e9
--- /dev/null
+++ b/web/src/components/ui/page-title.stories.tsx
@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+import { expect } from 'storybook/test'
+
+import { PageTitle } from './page-title'
+
+const meta = {
+  component: PageTitle,
+  args: { children: 'Objects' },
+  tags: ['ai-generated'],
+} satisfies Meta<typeof PageTitle>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  play: async ({ canvas }) => {
+    await expect(canvas.getByRole('heading', { level: 1, name: 'Objects' })).toBeInTheDocument()
+  },
+}
diff --git a/web/src/components/ui/page-title.tsx b/web/src/components/ui/page-title.tsx
new file mode 100644
index 0000000..e2bb3f4
--- /dev/null
+++ b/web/src/components/ui/page-title.tsx
@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+
+import { cn } from "@/lib/utils";
+
+export function PageTitle({ className, ...props }: ComponentProps<"h1">) {
+  return (
+    <h1
+      data-slot="page-title"
+      className={cn("text-2xl font-semibold tracking-tight", className)}
+      {...props}
+    />
+  );
+}