Function Button

packages/shared/ui/Button/Button.tsx:94–125

({
  children,
  variant,
  color,
  size = 'md',
  rounded = false,
  isLoading = false,
  disabled,
  className,
  ...props
}: Props<V>)

);

export function Button<V extends ButtonVariant>({
  children,
  variant,
  color,
  size = 'md',
  rounded = false,
  isLoading = false,
  disabled,
  className,
  ...props
}: Props<V>) {
  const isDisabled = isLoading || disabled;

  return (
    <button
      type="button"
      className={cn(
        ButtonVariants({ variant, color, size }),
        isDisabled && `cursor-not-allowed bg-gray-100 text-gray-400 hover:bg-gray-100`,
        rounded ? 'rounded-full' : 'rounded-[10px] md:rounded-xl',
        className
      )}
      disabled={isDisabled}
      {...props}
    >
      {isLoading && (
        <Icon name="loading" size={25} className="mr-1.5 -ml-1 animate-spin max-md:h-[20px]" />
      )}
      {children}
    </button>
  );
}