import type { ButtonHTMLAttributes, PropsWithChildren } from 'react';

import { cls } from '../../utils/cls';

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, PropsWithChildren {
  className?: string;
}

export const Button = ({ className = '', children, ...rest }: ButtonProps) => (
  <button
    className={cls(
      'inline-flex items-center gap-2 px-4 py-2 rounded-2xl border text-sm  transition-colors',
      className,
    )}
    {...rest}
  >
    {children}
  </button>
);


