:host {
  /**
    * Component css variables are commented but NOT DEFINED here. They are defined in
    * the component's global scss file (e.g. src/global/components/_ojp-image.scss)
    * so that they can be used by other components and use globally set breakpoints.
    *
    **** NOTE: The @prop comments are necessary for public variables here because they
    **** will be picked up by Stencil's docs auto-generator and output to the component's
    **** docs at docs/components/<component-name>/readme.md
    ****
    **** Any comment changes here should be duplicated into the component's global scss file
    **** (e.g. src/global/components/_ojp-template.scss)
   */
  /**
   * @prop --ojp-template--example-public-var: Description of this variable. Defaults to X.
  */
  /**
     * Private Variable - set by JS according to props
     * --ojp-template--example-private-var: Description of this variable. Defaults to X.
    */
}