@st-namespace 'Image-st-css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';
@st-import Text from '../Text/Text.st.css';
@st-import [ --wst-paragraph-2-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';

/*
 * A background color by a color from the palette for the container
 * @type color
 */
@property st-global(--wix-ui-tpa-image-background-color);
/*
 * A border color by a color from the palette for the container
 * @type color
 */
@property st-global(--wix-ui-tpa-image-border-color);
/*
 * A border width in pixels for the container
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-image-border-width);
/*
 * A border radius in pixels for the container
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-image-border-radius);
/*
 * An opacity between 0 to 100 for the image
 * @type size
 * @default 1
 */
@property st-global(--wix-ui-tpa-image-image-opacity);

.root {
  -st-mixin:
    setColor(--wix-ui-tpa-wow-image-background-color, --wix-ui-tpa-image-background-color, var(--wst-paragraph-2-color-rgb)),
    setColor(--wix-ui-tpa-wow-image-border-color, --wix-ui-tpa-image-border-color, var(--wst-paragraph-2-color-rgb)),
    setVar(--wix-ui-tpa-wow-image-border-width, --wix-ui-tpa-image-border-width),
    setVar(--wix-ui-tpa-wow-image-border-radius, --wix-ui-tpa-image-border-radius),
    setVar(--wix-ui-tpa-wow-image-image-opacity, --wix-ui-tpa-image-image-opacity);
}

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