toki
3a4e5be1e0
git-subtree-dir: apps/web git-subtree-mainline:9212ed02acgit-subtree-split:5d65cbf2d5
19 lines
478 B
TypeScript
19 lines
478 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
interface SettingsSectionProps {
|
|
title: string;
|
|
description?: string;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export function SettingsSection({ title, description, children }: SettingsSectionProps) {
|
|
return (
|
|
<section className="settings-section">
|
|
<header>
|
|
<h2>{title}</h2>
|
|
{description ? <p>{description}</p> : null}
|
|
</header>
|
|
<div className="settings-section__body">{children}</div>
|
|
</section>
|
|
);
|
|
}
|