@st-namespace 'ThumbnailImage-st-css';
@st-import [ --wix-color-2, --wix-color-5 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';
/*
 * A background color by a color from the palette for the container
 * @type color
 * @default --wix-color-2
 */
@property st-global(--wix-ui-tpa-thumbnail-image-background-color);

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

/*
 * A border width in pixels for the container
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-thumbnail-image-border-width);

/*
 * A border radius in pixels for the container
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-thumbnail-image-border-radius);

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

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

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