/**
 * @uiName Image
 * @validParents ["sqm-brand","div","sqm-portal-container","sqm-divided-layout","sqm-titled-section", "sqb-program-section", "sqb-conditional-section", "sqm-tab"]
 * @exampleGroup Common Components
 * @example Image - <sqm-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png" alignment="center"></sqm-image>
 * @csspart sqm-base - The base container for the image
 * @csspart sqm-image - The image element
 */
export declare class Image {
  /**
   * @uiWidget ImageUpload
   * @format url
   * @required
   * @uiName Image link
   */
  imageUrl: string;
  /**
   * @uiName Position alignment
   * @uiType string
   * @uiEnum ["left", "center", "right"]
   * @uiEnumNames ["Left", "Center", "Right"]
   */
  alignment: "left" | "center" | "right";
  /**
   * @uiName Background color
   * @uiWidget color
   * @format color
   */
  backgroundColor: string;
  /**
   * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
   * @uiName Minimum height
   */
  minHeight?: string;
  /**
   * (Optional) Constrains the width of the image. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
   * @uiName Width
   */
  width?: string;
  render(): any;
}