Files
deer-flow/frontend/src/components/workspace/settings/settings-section.tsx
2026-01-31 11:08:27 +08:00

26 lines
586 B
TypeScript

import { cn } from "@/lib/utils";
export function SettingsSection({
className,
title,
description,
children,
}: {
className?: string;
title: React.ReactNode;
description?: React.ReactNode;
children: React.ReactNode;
}) {
return (
<section className={cn(className)}>
<header className="space-y-2">
<div className="text-lg font-semibold">{title}</div>
{description && (
<div className="text-muted-foreground text-sm">{description}</div>
)}
</header>
<main className="mt-4">{children}</main>
</section>
);
}