Refactor Button component to define ButtonProps type separately for improved readability

Author: smirk-dev

frontend/components/ui/button.tsx

@@ -35,16 +35,18 @@ const buttonVariants = cva(
   }
 )
 
+type ButtonProps = React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  };
+
 function Button({
   className,
   variant,
   size,
   asChild = false,
   ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
+}: ButtonProps) {
   const Comp = asChild ? Slot : "button"
 
   return (
@@ -57,3 +59,4 @@ function Button({
 }
 
 export { Button, buttonVariants }
+export type { ButtonProps }