---
import WidgetLayout from "@/components/common/WidgetLayout.astro";
import MusicPlayer from "@/components/features/MusicPlayer.astro";
import I18nKey from "@/i18n/i18nKey";
import { i18n } from "@/i18n/translation";

interface Props {
	class?: string;
	style?: string;
}
const { class: className, style } = Astro.props;

const widgetId = `music-widget-${Math.random().toString(36).substring(2, 9)}`;
---

<WidgetLayout id={`${widgetId}-layout`} class={className} style={style} name={i18n(I18nKey.music)}>
    <MusicPlayer id={widgetId} />
</WidgetLayout>