const { ActionRowBuilder, ButtonBuilder } = require('discord.js')

module.exports = async (interaction) => {
	/*let components = [
		new ActionRowBuilder().addComponents(
			interaction.message.components[0].components.forEach(button => {
				return new ButtonBuilder().setCustomId(button.customId).setLabel(button.label).setStyle(button.style).setDisabled(true)
			})
		),
		new ActionRowBuilder().addComponents(
			interaction.message.components[1].components.forEach(button => {
				return new ButtonBuilder().setCustomId(button.customId).setLabel(button.label).setStyle(button.style).setDisabled(true)
			})
		)
	]*/
	let components = [
		new ActionRowBuilder().addComponents(
			new ButtonBuilder()
				.setLabel(interaction.message.components[0].components[0].label)
				.setStyle(2)
				.setCustomId(interaction.message.components[0].components[0].customId)
				.setDisabled(true),
			new ButtonBuilder()
				.setLabel('⏹️')
				.setStyle(2)
				.setCustomId('stop')
				.setDisabled(true),
			new ButtonBuilder()
				.setLabel('⏭️')
				.setStyle(2)
				.setCustomId('skip')
				.setDisabled(true),
			new ButtonBuilder()	
				.setLabel('🔉')
				.setStyle(2)
				.setCustomId('volume_down')
				.setDisabled(true),
			new ButtonBuilder()
				.setLabel('🔊')
				.setStyle(2)
				.setCustomId('volume_up')
				.setDisabled(true)
		),
		new ActionRowBuilder().addComponents(
			new ButtonBuilder()
				.setLabel('🔀')
				.setStyle(2)
				.setCustomId('shuffle')
				.setDisabled(true),
			new ButtonBuilder()
				.setLabel('🔁')
				.setStyle(2)
				.setCustomId('loop')
				.setDisabled(true),
			new ButtonBuilder()
				.setLabel('⏮️')
				.setStyle(2)
				.setCustomId('previous')
				.setDisabled(true)
		)
	]
	interaction.update({ components, content: 'Chargement...' })
}