import React from "react";
import { Audio } from "remotion";
import { ColibriRemotionInputProps } from "../../schemas/manifest.js";

export const AudioTracks: React.FC<
  Pick<ColibriRemotionInputProps, "voFile" | "musicFile"> & {
    musicVolume?: number;
  }
> = ({ voFile, musicFile, musicVolume = 0.35 }) => (
  <>
    {musicFile ? <Audio src={musicFile} volume={musicVolume} /> : null}
    {voFile ? <Audio src={voFile} volume={1} /> : null}
  </>
);