small factory for one liner components

cva-factory.ts

import { cva, VariantProps } from "class-variance-authority";
import { ReactElement } from "react";
type CreateCVAProps<T> = Parameters<typeof cva<T>>;
export function createCVA<P = {}, T = any>(base?: CreateCVAProps<T>[0], config?: CreateCVAProps<T>[1]) {
  const baseClassName = cva(base, config);
  type cxProps = VariantProps<typeof baseClassName>;
  type ComponentProps = P & cxProps;
  return function (this: any, element: <P2 = {}>(prop: ComponentProps & P2 & { className: string }) => ReactElement<P, any>) {
    return function (props: ComponentProps) {
      return element({ ...props, className: baseClassName(props as any) });
    }
  }
}