Function SectionHeader

web/components/settings/SettingRow.tsx:38–52

({ title, onReset }: SectionHeaderProps)

}

export function SectionHeader({ title, onReset }: SectionHeaderProps) {
  return (
    <div className="flex items-center justify-between mb-2">
      <h2 className="text-base font-semibold text-surface-100">{title}</h2>
      {onReset && (
        <button
          onClick={onReset}
          className="text-xs text-surface-400 hover:text-surface-200 transition-colors"
        >
          Reset to defaults
        </button>
      )}
    </div>
  );
}

interface ToggleProps {
  checked: boolean;