import React from 'react';

const ReplayButton = ({ onClick }) => {
  return (
    <button
      onClick={onClick}
      className="group absolute bottom-4 right-4 w-8 h-8 rounded-full flex items-center justify-center transition-all hover:bg-white/20"
    >
      <svg
        width="16"
        height="16"
        viewBox="0 0 24 24"
        fill="none"
        stroke="white"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <path d="M1 4v6h6" />
        <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10" />
      </svg>
      <div className="absolute bottom-10 right-0 scale-0 transition-all rounded bg-white/20 p-2 text-xs text-white group-hover:scale-100 whitespace-nowrap">
        Replay animation
      </div>
    </button>
  );
};

export default ReplayButton;