25 lines
587 B
TypeScript
25 lines
587 B
TypeScript
import { FiPause, FiPlay } from "react-icons/fi";
|
|
|
|
interface PauseProps {
|
|
paused: boolean;
|
|
setPaused: (value: boolean) => void;
|
|
}
|
|
|
|
export default function Pause({
|
|
paused,
|
|
setPaused,
|
|
}: PauseProps) {
|
|
return (
|
|
<>
|
|
<button
|
|
title="Pause"
|
|
className="fixed z-90 top-28 right-8 bg-slate-100 w-14 h-14 rounded-full drop-shadow-lg
|
|
flex justify-center items-center text-black text-2xl hover:bg-sky-500 hover:drop-shadow-2xl"
|
|
onClick={() => setPaused(!paused)}
|
|
>
|
|
{paused ? <FiPlay /> : <FiPause />}
|
|
</button>
|
|
</>
|
|
);
|
|
};
|