@st-namespace 'HeroImage-deprecated-st-css';
:import {
  -st-from: "../../common/formatters.st";
  -st-named: color, fallback;
}

:import {
  -st-from: "../Image/Image.deprecated.st.css";
  -st-default: Image;
  -st-named: overrideStyleParams as overrideStyleParamsImage, defaultImageOpacity;
}

/* Defaults */
:vars {
  defaultBackgroundColor: color-5;
}

/* Overrides */
:vars {
  /*
    A background color by a color from the palette for the container
    @default color-5
  */
  BackgroundColor: --overridable;
  /*
    An opacity between 0 to 100 for the image
    @default 100%
  */
  ImageOpacity: --overridable;
}

/*
 * A background color by a color from the palette for the container
 * @type color
 * @default --wix-color-5
 */
@property st-global(--wix-ui-tpa-hero-image-background-color);

/*
 * An opacity between 0 to 100 for the image
 * @type size
 * @default 100%
 */
@property st-global(--wix-ui-tpa-hero-image-image-opacity);

:vars {
  backgroundColor: color(fallback(value(BackgroundColor), value(defaultBackgroundColor)));
  imageOpacity: fallback(value(ImageOpacity), value(defaultImageOpacity));
}

.root.overrideStyleParams {
    -st-mixin: overrideStyleParamsImage(
      BackgroundColor value(backgroundColor),
      ImageOpacity value(imageOpacity)
  );
}

/* st-namespace-reference="../../../../src/components/HeroImage/HeroImage.deprecated.st.css" */