<>
{/* attributes */}
{/* SHOULD emit diagnostics (class/className attributes supported by default) */}
{/* SHOULD emit diagnostics (customClassAttribute attribute specified in options) */}
{/* SHOULD NOT emit diagnostics (notClassAttribute attribute NOT specified in options) */}
{/* utility sorting */}
{/* SHOULD emit diagnostics (class attribute supported by default) */}
;
// functions
/* SHOULD emit diagnostics (functions specified in options) */
clsx("px-2 foo p-4 bar");
// TODO: tagged template literals are not supported yet
tw`px-2 foo p-4 bar`;
tw.div`px-2 foo p-4 bar`;
notClassFunction("px-2 foo p-4 bar");
notTemplateFunction`px-2 foo p-4 bar`;
notTemplateFunction.div`px-2 foo p-4 bar`;
// nested values
/* SHOULD emit diagnostics (class attribute supported by default) */
;
;
;
/* SHOULD emit diagnostics (clsx function specified in options) */
clsx(["px-2 foo p-4 bar"]);
clsx({
"px-2 foo p-4 bar": [
"px-2 foo p-4 bar",
{ "px-2 foo p-4 bar": "px-2 foo p-4 bar", custom: ["px-2 foo p-4 bar"] },
],
});