@kubit-ui-web/react-components/dist/esm/components/pageControlAutomate/pageControlAutomateUnControlled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { PageControlAutomateControlled } from './pageControlAutomateControlled';
const PageControlAutomateUnControlledComponent = ({ playingInitially = false, ...props }, ref) => {
    const [isPlaying, setIsPlaying] = React.useState(playingInitially);
    const handleClickMediaButton = event => {
        props.playStop.onClick?.(props.playing !== undefined ? !props.playing : !isPlaying, event);
        if (props.playing !== undefined) {
            setIsPlaying(!props.playing);
        }
        else {
            setIsPlaying(prev => {
                return !prev;
            });
        }
    };
    const handleClickLeftArrow = event => {
        props.mediaProgressBar.onBarChange?.(props.currentBar - 1);
        props.leftArrow.onClick?.(event);
    };
    const handleClickRightArrow = event => {
        props.mediaProgressBar.onBarChange?.(props.currentBar + 1);
        props.rightArrow.onClick?.(event);
    };
    return (_jsx(PageControlAutomateControlled, { ...props, ref: ref, playing: props.playing ?? isPlaying, onLeftArrowClick: handleClickLeftArrow, onPlayStopClick: handleClickMediaButton, onRightArrowClick: handleClickRightArrow }));
};
const PageControlAutomateUnControlled = React.forwardRef(PageControlAutomateUnControlledComponent);
export { PageControlAutomateUnControlled };
export { PageControlAutomateUnControlled as PageControlAutomate };
//# sourceMappingURL=pageControlAutomateUnControlled.js.map