Previous Seconds Button

"use client";

import { newEvent } from "@/lib/newEvent";
import { SeekBackIcon } from "@/registry/react/Icons";
import { usePlayer } from "@/registry/react/PlayerProvider";

export function PrevSecondsButton({ seconds = 10 }) {
  const player = usePlayer();
  return (
    <button
      type="button"
      aria-label={`Skip back ${seconds} seconds`}
      onClick={() => {
        player.onEvent(
          newEvent({
            type: "PressedSeekBack",
            description: "The seek backward button was pressed.",
            seconds,
          }),
        );
      }}
    >
      <SeekBackIcon seconds={seconds} size={24} />
    </button>
  );
}