components/shuffler/button.tsx

import { Shuffle } from "lucide-react";

export const ButtonShuffler = ({ onClick }: { onClick: () => void }) => {
  return (
    <button
      className="bg-white/90 hover:bg-white transition-all duration-200 rounded-full text-xl flex items-center justify-center gap-3 text-black px-8 py-5 font-bold"
      onClick={onClick}
    >
      <Shuffle size={28} />
      Shuffle
    </button>
  );
};