export declare class LazyImage {
  /** The image URL. Must be a kclsu, cloudinary or kclsu firebase url*/
  image: string;
  /** The alt tag of the image */
  alt: string;
  /** Use standard CSS object-position values to set a focus area on the image. EG 'center left' */
  focusarea: string;
  /** Image will scale into view */
  animatein: boolean;
  /** A ratio for the image in decimal form. This will fetch the image from cloudinary with an appropriate height at each responsive breakpoint */
  ratio: string;
  /** If you want to render an img element in a responsive container without object positioning */
  plainimg: boolean;
  /** Remove lazy-loading functionality. Retains Object Fit positioing */
  nolazy: boolean;
  /** Provide a custom cloudinary transformation. Must be in format: string,string,string eg: c_fill,f_auto,fl_any_format  */
  customtransform: string;
  /** The % percentage of mobile screens the image will take up. Number only without percent symbol */
  mobile: string;
  /** The % percentage of desktop screens the image will take up. Number only without percent symbol */
  desktop: string;
  /** Set a minimum pixel width for the image rendered */
  minwidth: string;
  /** Recommended. Provide the exact width for the image supplied */
  suppliedwidth: string;
  /** Render image an a PNG with transparency */
  withtransparency: boolean;
  urlOrigin: 'kclsu' | 'cloudinary' | 'firebase' | 'youtube' | 'unknown';
  desktopBreakPoints: number[];
  mobileBreakPoints: number[];
  el: HTMLElement;
  imageloading: boolean;
  imageclasses: any;
  componentWillLoad(): void;
  createUrl(url: any, transforms: any): string;
  createTransformation(width: number): string;
  createSrc(width: number): string;
  createSrcSet(): string;
  render(): any;
}