AudioUploadDropzone

import { useState } from "react";
import { useTranslations } from "next-intl";
import { AudioUploadDropzone } from "@/components/music/audio-upload-dropzone";

export function AudioUploadExample() {
  const t = useTranslations();
  const [uploadUrl, setUploadUrl] = useState<string | null>(null);
  const [isUploading, setIsUploading] = useState(false);

  return (
    <AudioUploadDropzone
      labels={{
        title: t("Cover.uploadTrack"),
        placeholder: t("Cover.uploadPlaceholder"),
        uploading: t("Cover.uploading"),
        uploadSuccess: t("Cover.uploadSuccess"),
        uploadComplete: t("Cover.uploadComplete"),
        sizeLimit: (size) => t("Cover.uploadSizeLimit", { size }),
        tooLarge: (size) => t("Cover.uploadTooLarge", { size }),
        error: t("Cover.error"),
        deleteConfirm: {
          title: t("Cover.deleteConfirmTitle"),
          description: t("Cover.deleteConfirmDescription"),
          cancel: t("Cover.deleteConfirmCancel"),
          action: t("Cover.deleteConfirmAction"),
        },
      }}
      uploadUrl={uploadUrl}
      onUploadComplete={(url) => setUploadUrl(url)}
      onUploadClear={() => setUploadUrl(null)}
      onUploadingChange={setIsUploading}
      isInvalid={!uploadUrl}
      errorText={t("Cover.sourceRequired")}
      helperText={t("Cover.uploadLimit", { minutes: 8, model: "V5" })}
    />
  );
}