import type { ReactNode } from "react"

interface ToolButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  children?: ReactNode
}
export const ToolButton = ({ children, ...rest }: ToolButtonProps) => {
  return (
    <button
      type="button"
      className="flex flex-shrink-0 gap-0.5 active:scale-95 items-center min-w-7 justify-center px-2 py-1.5 bg-black/5 transition hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10 rounded-md text-sm leading-none"
      {...rest}
    >
      {children}
    </button>
  )
}
