import PlayCircleIcon from '@heroicons/react/20/solid/PlayCircleIcon';

// type Props = {
//   started: boolean;
//   handleTogglePlay: () => void;
// };
export default function BigPlayButton(Props) {
  const { started, handleTogglePlay } = Props;
  if (started) {
    return;
  }

  return (
    <button
      onClick={() => handleTogglePlay()}
      className="text-white text-2xl fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] z-[1000] m-auto p-4 bg-black rounded-md flex items-center space-x-2"
    >
      <PlayCircleIcon className="w-6 h-6" />
      <span>play</span>
    </button>
  );
}