Button

1//Copyright (c) 2025 Elliot Sutton
2// Copyright (c) 2026 raouf.codes - Azemmur
3 
4'use client';
5 
6import {
7  Slot,
8  type WithAsChild,
9} from '@/components/primitives/slot';
10import { cn } from '@/lib/utils';
11import { motion, type HTMLMotionProps } from 'motion/react';
12import * as React from 'react';
13 
14type ButtonProps = WithAsChild<
15  HTMLMotionProps<'button'> & {
16    hoverScale?: number;
17    tapScale?: number;
18  }
19>;
20 
21function Button({
22  hoverScale = 1.05,
23  tapScale = 0.95,
24  asChild = false,
25  ...props
26}: ButtonProps) {
27  const Component = asChild ? Slot : motion.button;
28 
29  return (
30    <Component
31      {...props}
32      className={cn('cursor-pointer', props.className)}
33      whileHover={{ scale: hoverScale }}
34      whileTap={{ scale: tapScale }}
35    />
36  );
37}
38 
39export { Button, type ButtonProps };