import type { AudioHTMLAttributes } from 'react';

import { useResolvedAssetReadUrl } from '../hooks/useResolvedAssetReadUrl';

type ResolvedAssetAudioProps = Omit<
  AudioHTMLAttributes<HTMLAudioElement>,
  'src'
> & {
  src?: string | null;
  objectKey?: string | null;
  fallbackSrc?: string | null;
  refreshKey?: string | number | null;
};

export function ResolvedAssetAudio({
  src,
  objectKey,
  fallbackSrc,
  refreshKey,
  ...rest
}: ResolvedAssetAudioProps) {
  const { resolvedUrl } = useResolvedAssetReadUrl(src, {
    objectKey,
    refreshKey,
  });
  const finalSrc = resolvedUrl || fallbackSrc?.trim() || '';

  if (!finalSrc) {
    return null;
  }

  return <audio {...rest} src={finalSrc} />;
}