import React from "react";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { AtlantisOverlayProvider, FormatFile } from "@jobber/components-native";
import type { FormatFileProps } from "@jobber/components-native";

export function FormatFileBasic(props: Partial<FormatFileProps<unknown>>) {
  return (
    <SafeAreaProvider>
      <AtlantisOverlayProvider>
        <FormatFile
          file={
            props.file ?? {
              fileName: "image.png",
              contentType: "image/png",
              url: "https://picsum.photos/250",
              thumbnailUrl: "https://picsum.photos/250",
              fileSize: 1024,
            }
          }
          {...props}
        />
      </AtlantisOverlayProvider>
    </SafeAreaProvider>
  );
}