<!-- source-hash: 9edb965a12c9dd5942bb4987087d4fed -->
Exports a single Tailwind class string used to standardize icon styling across all section-hero and page-header components in the library. Intentionally placed in `utils/` as a plain server-safe module (no `'use client'` directive) to prevent Next.js client-reference proxy issues when the constant is consumed by server components.

## Key Components

- **`SECTION_HERO_ICON_CLASS`** — Tailwind class string (`'h-10 w-10 text-ods-accent'`) applied uniformly to every section-hero icon (Roadmap, Releases, Knowledge Hub, Data Room, etc.)

## Usage Example

```typescript
import { SECTION_HERO_ICON_CLASS } from './page-header-constants'
import { BookOpen } from 'lucide-react'

// Server component — safe to import directly
export function KnowledgeHubHero() {
  return <BookOpen className={SECTION_HERO_ICON_CLASS} />
}
```

## Why Not `'use client'`?

Importing this constant from a `'use client'` module causes Next.js to wrap it in a **client-reference proxy** when consumed in a server context. Lucide's internal `mergeClasses` then calls `.trim()` on that proxy object instead of a plain string, resulting in a runtime crash. Keeping this file in `utils/` with no client directive ensures it always resolves to a raw string in all rendering contexts.

## Source

[`page-header-constants.ts`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/page-header-constants.ts)