p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply resolveVariants

Browse Source
This commit is contained in:
p-sw 2024-05-19 12:34:24 +09:00
parent 5a3b5a258e
commit ab162a706e
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/react/components/Button.tsx
View File

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { vcn, VariantProps } from "@/shared"; import { vcn, VariantProps } from "@/shared";
const variants = vcn({ const [buttonVariants, resolveVariants] = vcn({
base: "flex flex-row items-center justify-between rounded-md", base: "flex flex-row items-center justify-between rounded-md",
variants: { variants: {
variant: { variant: {
@ -27,11 +27,18 @@ const variants = vcn({
export interface ButtonProps export interface ButtonProps
extends Omit<React.ComponentPropsWithoutRef<"button">, "className">, extends Omit<React.ComponentPropsWithoutRef<"button">, "className">,
VariantProps<typeof variants> {} VariantProps<typeof buttonVariants> {}
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>( const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
(props, ref) => { (props, ref) => {
return <button ref={ref} {...props} className={variants(props)} />; const [variantProps, otherProps] = resolveVariants(props);
return (
<button
ref={ref}
{...otherProps}
className={buttonVariants(variantProps)}
/>
);
} }
); );