import { cn } from '@learnitive/ui-misc';
import type { ComponentType, ReactNode } from 'react';
import * as React from 'react';
export type SettingsNavItem = {
id: string;
label: string;
href: string;
icon: ComponentType<{ className?: string }>;
};
export function SettingsPageLayout({ children }: { children: ReactNode }) {
return (
{children}
);
}
export function SettingsPageHeader({
backHref,
backLabel,
backIcon,
eyebrow,
title,
nav,
}: {
backHref: string;
backLabel: string;
backIcon: ReactNode;
eyebrow: string;
title: string;
nav: ReactNode;
}) {
return (
);
}
export function SettingsPageNav({
activeId,
ariaLabel,
items,
}: {
activeId: string;
ariaLabel: string;
items: readonly SettingsNavItem[];
}) {
return (
);
}
export function SettingsPageContent({ children }: { children: ReactNode }) {
return {children}
;
}
export function SettingsSection({
title,
children,
}: {
title: string;
children: ReactNode;
}) {
return (
);
}
export function SettingsRow({
title,
description,
control,
}: {
title: string;
description: string;
control: ReactNode;
}) {
return (
);
}