import { ReactNode } from "react"; import { Label } from "../ui/label"; export const SPLIT_ROW_CLASS_NAME = "space-y-2 md:grid md:grid-cols-[minmax(14rem,22rem)_minmax(0,1fr)] md:items-start md:gap-x-6 md:space-y-0"; export const DESCRIPTION_CLASS_NAME = "text-sm text-muted-foreground"; export const CONTROL_COLUMN_CLASS_NAME = "w-full md:max-w-2xl"; type SettingsGroupCardProps = { title: string; children: ReactNode; }; export function SettingsGroupCard({ title, children }: SettingsGroupCardProps) { return (
{title}
{children}
); } type SplitCardRowProps = { label: ReactNode; description?: ReactNode; content: ReactNode; }; export function SplitCardRow({ label, description, content, }: SplitCardRowProps) { return (
{description && (
{description}
)}
{content} {description && (
{description}
)}
); }