@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
22 lines (21 loc) • 1.1 kB
TypeScript
import React from 'react';
interface IUseMediaProgressBar {
playingExternal: boolean;
circular: boolean;
currentBar: number;
barsNum: number;
onBarChange?: (indexBar: number, event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
onFinish?: (playingInternal: boolean) => void;
onBarClick?: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
onBarKeyDown?: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
}
type useMediaProgressBarReturnType = {
playing: boolean;
barRef: React.RefObject<HTMLDivElement>;
progressBarRef: React.RefObject<HTMLDivElement>;
handleBarEnd: () => void;
handleClickBar: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
handleKeyDownBar: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
};
export declare const useMediaProgressBar: ({ playingExternal, circular, currentBar, barsNum, onBarChange, onFinish, onBarClick, onBarKeyDown, }: IUseMediaProgressBar) => useMediaProgressBarReturnType;
export {};