Button

1"use client";
2 
3import * as React from "react";
4import { motion, type HTMLMotionProps } from "motion/react";
5 
6import { Slot, type WithAsChild } from "@/components/unlumen-ui/primitives/slot";
7 
8type ButtonProps = WithAsChild<
9  HTMLMotionProps<"button"> & {
10    hoverScale?: number;
11    tapScale?: number;
12  }
13>;
14 
15function Button({
16  hoverScale = 1.05,
17  tapScale = 0.95,
18  asChild = false,
19  ...props
20}: ButtonProps) {
21  const Component = asChild ? Slot : motion.button;
22 
23  return (
24    <Component
25      whileTap={{ scale: tapScale }}
26      whileHover={{ scale: hoverScale }}
27      {...props}
28    />
29  );
30}
31 
32export { Button, type ButtonProps };