import { cn, removeFocusOutlines } from '~/utils/';

export default function Button({
  type = 'regenerate',
  children,
  onClick,
  className = '',
}: {
  type?: 'regenerate' | 'continue' | 'stop';
  children: React.ReactNode;
  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
  className?: string;
}) {
  return (
    <button
      data-testid={`${type}-generation-button`}
      className={cn(
        'custom-btn btn-neutral relative -z-0 whitespace-nowrap border-0 md:border',
        removeFocusOutlines,
        className,
      )}
      onClick={onClick}
    >
      <div className="flex w-full items-center justify-center gap-2">{children}</div>
    </button>
  );
}