mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-13 06:38:31 +00:00
23 lines
613 B
JavaScript
23 lines
613 B
JavaScript
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>
|
|
);
|
|
}
|