// @flow

import * as React from "react";
import type { StyledComponent } from "styled-components";

type ImageObject = {|
  "*"?: string,
  jpg?: string,
  webp?: string,
|};

export type Props = {|
  placeholder?: ImageObject,
  original: ImageObject,
  name: string,
|};

export type PictureProps = {|
  pictures: ImageObject,
  name: string,
  loaded: boolean,
  onLoad?: () => void,
  lowRes?: boolean,
|};

declare export default React.ComponentType<Props>;

declare export var StyledLazyImage: StyledComponent<any, any, HTMLElement>;