import type { ReactNode } from 'react'; import type { SettingsPageProps } from './types.js'; export function SettingsPage({ productName, sections = [] }: SettingsPageProps): ReactNode { return (

Settings

{sections.length === 0 && (
No settings configured for {productName}.
)} {sections.map((section, i) => (

{section.title}

{section.description && (

{section.description}

)}
{section.content}
))}
); }