Allow array of string on classList

[SuspiciousLookingOwl]

How about making classList accepts array of string? for example

<div classList={[
    "class-one class-two", 
    "class-three"
]} />

will be the same as

<div classList={{
    "class-one class-two": true, 
    "class-three": true
}} />

This is useful if you have a lot of classes on an element, for example with tailwind:

<div class="flex flex-row items-center justify center w-32 h-4 bg-red-500 hover:bg-red-400  text-neutral-100 hover:text-neutral-200" />

can be written as

<div classList={[
    "flex flex-row items-center justify-center", // flex
    "w-32 h-4", // size
    "bg-red-500 hover:bg-red-400 text-neutral-100 hover:text-neutral-200" // colors
]} />

Even better if we can mix array of string with array of objects (with the original functionality of classList), for example

<div classList={{
    "class-one class-two": true, 
    "class-three": true,
    "bg-red-500": props.isTrue,
    "bg-blue-500": !props.isTrue,
}} />

can be written as

<div classList={[
    "class-one class-two",
    "class-three",
    { "bg-red-500": props.isTrue },
    { "bg-blue-500": !props.isTrue }
]} />

or

<div classList={[
    "class-one class-two",
    "class-three",
    { 
       "bg-red-500": props.isTrue,
       "bg-blue-500": !props.isTrue 
    }
]} />