import retryEnhancer from '@rpldy/retry-hooks';
import Uploady from '@rpldy/uploady';
import React from 'react';
import PhotoUploadButton from './PhotoUploadButton';
import PhotoUploadContainer from './PhotoUploadContainer';
import PhotoUploadGallery from './PhotoUploadGallery';
import { PhotoUploadProps } from './types';

const PhotoUpload = (props: PhotoUploadProps) => {
  const {
    gallery,
    uploadyProps,
    buttonProps,
    galleryProps,
    imageViewerProps,
    containerProps,
    buttonComponent,
  } = props;

  const { enableAdd, enableMultiple } = gallery;

  return (
    <Uploady
      multiple={enableMultiple}
      {...uploadyProps}
      enhancer={retryEnhancer}
    >
      <PhotoUploadContainer {...containerProps}>
        {enableAdd && (
          <PhotoUploadButton
            extraProps={{ ...buttonProps, component: buttonComponent }}
          />
        )}
        <PhotoUploadGallery
          gallery={gallery}
          {...galleryProps}
          imageViewerProps={imageViewerProps}
        />
      </PhotoUploadContainer>
    </Uploady>
  );
};

export default PhotoUpload;