export default function miniProgressBar(art) {
    art.on('ready', () => {
        art.layers.add({
            name: 'miniProgressBar',
            mounted($progressBar) {
                art.on('destroy', () => {
                    $progressBar.style.display = 'none';
                });

                art.on('video:timeupdate', () => {
                    $progressBar.style.width = `${art.played * 100}%`;
                });

                art.on('setBar', (type, percentage) => {
                    if (type === 'played') {
                        $progressBar.style.width = `${percentage * 100}%`;
                    }
                });
            },
        });
    });

    return {
        name: 'miniProgressBar',
    };
}