// components/ui/Button.jsx
import React from "react";

export function Button({ children, onClick, variant = "" }) {
  const baseClasses = "px-3 py-1 rounded hover:bg-green-200 dark:hover:bg-green-700 transition ";
  const variantClasses = variant === "ghost" ? "bg-transparent" : "bg-green-500 text-white";

  return (
    <button onClick={onClick} className={baseClasses + variantClasses}>
      {children}
    </button>
  );
}