@smart-react-components/ui/components/ColorPicker/PickerSection/OpacityPickerElement.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Div_1 = __importDefault(require("@smart-react-components/core/Element/Div"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const PickerElement_1 = __importDefault(require("./PickerElement"));
exports.default = (0, styled_components_1.default)(PickerElement_1.default).attrs(({ bgElRef, children }) => ({
    children: (react_1.default.createElement(Div_1.default, { background: "url('{media.opacityBackground}')" },
        react_1.default.createElement(Div_1.default, { boxShadow: "0 0 3px rgba(0,0,0,.3) inset", ref: bgElRef }, children))),
    getColorPickerSize: (v, t) => `
    height: ${t.$.size.colorPicker[v].majorPickerSize};
    width: ${t.$.size.colorPicker[v].minorPickerWidth};
  `,
})) ``;