Better settings dialog

src-web/components/core/Separator.tsx

@@ -4,18 +4,18 @@ interface Props {
   orientation?: 'horizontal' | 'vertical';
   variant?: 'primary' | 'secondary';
   className?: string;
-  label?: string;
+  children?: string;
 }
 
 export function Separator({
   className,
   variant = 'primary',
   orientation = 'horizontal',
-  label,
+  children,
 }: Props) {
   return (
     <div role="separator" className={classNames(className, 'flex items-center')}>
-      {label && <div className="text-xs text-gray-500 mx-2 whitespace-nowrap">{label}</div>}
+      {children && <div className="text-xs text-gray-500 mx-2 whitespace-nowrap">{children}</div>}
       <div
         className={classNames(
           variant === 'primary' && 'bg-highlight',