24 lines
595 B
TypeScript
24 lines
595 B
TypeScript
import { FiPause, FiPlay } from "react-icons/fi";
|
|
|
|
interface PauseProps {
|
|
paused: boolean;
|
|
setPaused: (value: boolean) => void;
|
|
}
|
|
|
|
const Pause = (props: 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={() => props.setPaused(!props.paused)}
|
|
>
|
|
{props.paused ? <FiPlay /> : <FiPause />}
|
|
</button>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Pause;
|