Closed rechenberger closed 1 year ago
Make it work with cva and allow something like
zw.cva.button(cva(/* ... */))
so you dont have to write something like here (very bottom):
import * as React from "react" import { VariantProps, cva } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "text-sm", { variants: { variant: { default: "bg-slate-900 text-white hover:bg-slate-700 dark:bg-slate-50 dark:text-slate-900", destructive: "bg-red-500 text-white hover:bg-red-600 dark:hover:bg-red-600", }, size: { default: "h-10 py-2 px-4", sm: "h-9 px-2 rounded-md", }, }, defaultVariants: { variant: "default", size: "default", }, } ) export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {} const Button = React.forwardRef<HTMLButtonElement, ButtonProps>( ({ className, variant, size, ...props }, ref) => { return ( <button className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} /> ) } ) Button.displayName = "Button" export { Button, buttonVariants }
lol it already works:
it works because this already works:
const StyledLink = zw.a<{ $active: boolean }>( (p) => p.$active && 'bg-purple-500' )
Make it work with cva and allow something like
so you dont have to write something like here (very bottom):