| 11 | } |
| 12 | |
| 13 | export function SettingRow({ label, description, children, className, stack = false }: SettingRowProps) { |
| 14 | return ( |
| 15 | <div |
| 16 | className={cn( |
| 17 | "py-4 border-b border-surface-800 last:border-0", |
| 18 | stack ? "flex flex-col gap-3" : "flex items-start justify-between gap-6", |
| 19 | className |
| 20 | )} |
| 21 | > |
| 22 | <div className="flex-1 min-w-0"> |
| 23 | <p className="text-sm font-medium text-surface-100">{label}</p> |
| 24 | {description && ( |
| 25 | <p className="text-xs text-surface-400 mt-0.5 leading-relaxed">{description}</p> |
| 26 | )} |
| 27 | </div> |
| 28 | <div className={cn("flex-shrink-0", stack && "w-full")}>{children}</div> |
| 29 | </div> |
| 30 | ); |
| 31 | } |
| 32 | |
| 33 | interface SectionHeaderProps { |
| 34 | title: string; |