From ab162a706e4892a5906f07161242c5caf7320907 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sun, 19 May 2024 12:34:24 +0900
Subject: [PATCH] feat: apply resolveVariants

---
 packages/react/components/Button.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

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