import { useButtonClasses } from '@/components/buttons/hooks/useButtonClasses';
import { TButtonProps } from '@/components/buttons/types/TButtonProps';

export function Button({
  onClick,
  children = false,
  disabled,
  color,
  size,
  shape,
  className = '',
  innerRef,
  ...props
}: TButtonProps): React.ReactElement {
  return (
    <button
      onClick={onClick}
      disabled={disabled}
      {...props}
      ref={innerRef}
      className={useButtonClasses({ color, size, shape, className })}
    >
      {children}
    </button>
  );
}