allow label field to accept a ReactNode

[its-deku]

No description provided.

[Mattis44]

Do we need to render the span between the new label ? i guess it can be better to accept both string and React.ReactNode.
In case user provides ReactNode, we don't render span as they're not necessary.
In case user provides string, we render the span.

So, we could have :

interface ItemProps {
    icon?: React.ReactNode;
    action?: () => void;
    label: string | React.ReactNode;
    helper?: string;
    isActive?: boolean;
}

And we render this :

{typeof label === "string" ? (
                    <span>
                        {label}
                    </span>
                ) : (
                    label
                )}

Tell me what do you think ?