Skyvern Evaluation New Endpoint - general /runs (#2374)

skyvern-frontend/src/components/SwitchBar.tsx

@@ -6,21 +6,27 @@ type Option = {
 };
 
 type Props = {
+  className?: string;
   options: Option[];
   value: string;
   onChange: (value: string) => void;
 };
 
-function SwitchBar({ options, value, onChange }: Props) {
+function SwitchBar({ className, options, value, onChange }: Props) {
   return (
-    <div className="flex w-fit gap-1 rounded-sm border border-slate-700 p-2">
+    <div
+      className={cn(
+        "flex w-fit gap-1 rounded-sm border border-slate-700 p-2",
+        className,
+      )}
+    >
       {options.map((option) => {
         const selected = option.value === value;
         return (
           <div
             key={option.value}
             className={cn(
-              "cursor-pointer whitespace-nowrap rounded-sm px-3 py-2 text-xs hover:bg-slate-700",
+              "flex cursor-pointer items-center whitespace-nowrap rounded-sm px-3 py-2 text-xs hover:bg-slate-700",
               {
                 "bg-slate-700": selected,
               },