button.ts

import { ClassValue, clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

type ButtonProps = React.ComponentProps<'button'>;

const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, children, ...props }, forwardedRef) => {
    return (
      <button
        className={cn('', className)}
        {...props}
        ref={forwardedRef}
      >
            {children}
      </button>
    );
  },
);

Button.displayName = 'Button';