1import PlayCircleIcon from '@heroicons/react/20/solid/PlayCircleIcon';
2
3// type Props = {
4//   started: boolean;
5//   handleTogglePlay: () => void;
6// };
7export default function BigPlayButton(Props) {
8  const { started, handleTogglePlay } = Props;
9  if (started) {
10    return;
11  }
12
13  return (
14    <button
15      onClick={() => handleTogglePlay()}
16      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"
17    >
18      <PlayCircleIcon className="w-6 h-6" />
19      <span>play</span>
20    </button>
21  );
22}