import { forwardRef, type ButtonHTMLAttributes } from 'react'
import './ActionButton.css'

interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  variant?: 'default' | 'primary'
}

/** Shared action control used in app chrome, settings, and edition panels. */
export const ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(function ActionButton({ variant = 'default', className, type = 'button', ...props }, ref) {
  return <button
    {...props}
    ref={ref}
    type={type}
    className={`reams-action-button${variant === 'primary' ? ' reams-action-button--primary' : ''}${className ? ` ${className}` : ''}`}
  />
})