import type { ReactNode } from "react";

type ActionButtonProps = {
  children: ReactNode;
  onClick?: () => void;
  type?: "button" | "submit";
  disabled?: boolean;
  variant?: "primary" | "secondary" | "ghost" | "danger";
};

export function ActionButton({
  children,
  onClick,
  type = "button",
  disabled = false,
  variant = "secondary"
}: ActionButtonProps) {
  return (
    <button
      className={`action-button action-button-${variant}`}
      disabled={disabled}
      onClick={onClick}
      type={type}
    >
      {children}
    </button>
  );
}
