import { useDropzone, DropzoneOptions } from 'react-dropzone';

export const useStickerDropzone = (
  onDrop: DropzoneOptions['onDrop']
): ReturnType<typeof useDropzone> =>
  useDropzone({
    onDrop,
    accept: [
      'image/png',
      'image/webp',
      // Some OSes recognize .apng files with the MIME type but others don't, so we supply
      //   the extension too.
      'image/apng',
      '.apng',
    ],
  });