Files
cursor-byok/apps/desktop/src/components/layout/PageContent.tsx
T

14 lines
820 B
TypeScript

import type { ReactNode } from "react";
import type { VirtualPageSection } from "./VirtualPage";
import { VirtualPage } from "./VirtualPage";
import styles from "./PageContent.module.scss";
export function PageContent({ title, sections, contentClassName, fixed = false }: { title?: ReactNode; sections: VirtualPageSection[]; contentClassName?: string; fixed?: boolean }) {
return <div className={styles.root}>
{fixed && title != null && <div className={styles.title}>{title}</div>}
{fixed
? <div className={[styles.fixedContent, contentClassName].filter(Boolean).join(" ")}>{sections.map((section) => <section className={styles.fixedSection} key={section.key}>{section.content}</section>)}</div>
: <VirtualPage title={title} sections={sections} contentClassName={contentClassName} />}
</div>;
}