import * as React from "react";
import { useBackgroundImage } from "@applicaster/zapp-react-native-utils/audioPlayerUtils";

import { AudioPlayerMobileLayout } from "./Layout";
import { Props } from "../types";

export function AudioPlayerMobile(props: Props) {
  const { audio_item, style = {} } = props;

  const backgroundImageSource = useBackgroundImage(audio_item);

  return (
    <AudioPlayerMobileLayout
      backgroundImageSource={backgroundImageSource}
      style={style}
    />
  );
}