···

       
44
       
 
       
    return (

     

       
45
       
 
       
      <button

     

       
46
       
 
       
        classList={{

     

       
47
       
-
       
          "flex items-center gap-1 sm:gap-1.5 rounded-lg px-2 py-1.5 text-xs sm:text-sm transition-colors": true,

     

       
48
       
 
       
          "bg-neutral-700 text-white dark:bg-neutral-200 dark:text-neutral-900": isActive(),

     

       
49
       
 
       
          "bg-neutral-200 text-neutral-700 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600":

     

       
50
       
 
       
            !isActive(),

     
···

       
52
       
 
       
        onclick={toggleFilter}

     

       
53
       
 
       
      >

     

       
54
       
 
       
        <span class={props.icon}></span>

     

       
55
       
-
       
        <span class="font-medium">{props.label}</span>

     

       
56
       
 
       
      </button>

     

       
57
       
 
       
    );

     

       
58
       
 
       
  };

     

···

       
44
       
 
       
    return (

     

       
45
       
 
       
      <button

     

       
46
       
 
       
        classList={{

     

       
47
       
+
       
          "flex items-center gap-1 sm:gap-1.5 rounded-lg px-3 py-2 sm:px-2 sm:py-1.5 text-base sm:text-sm transition-colors": true,

     

       
48
       
 
       
          "bg-neutral-700 text-white dark:bg-neutral-200 dark:text-neutral-900": isActive(),

     

       
49
       
 
       
          "bg-neutral-200 text-neutral-700 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600":

     

       
50
       
 
       
            !isActive(),

     
···

       
52
       
 
       
        onclick={toggleFilter}

     

       
53
       
 
       
      >

     

       
54
       
 
       
        <span class={props.icon}></span>

     

       
55
       
+
       
        <span class="hidden font-medium sm:inline">{props.label}</span>

     

       
56
       
 
       
      </button>

     

       
57
       
 
       
    );

     

       
58
       
 
       
  };