"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AlphaSlider = void 0;
const react_1 = __importDefault(require("react"));
const Slider_1 = require("./Slider");
const bg_1 = require("./bg");
const AlphaSlider = ({ rgb, alpha, onChange, style, }) => {
    const rgbString = rgb.join(',');
    return (react_1.default.createElement("div", { style: {
            background: bg_1.transparent,
            backgroundPosition: '0 -10px',
        } },
        react_1.default.createElement(Slider_1.Slider, { value: alpha, max: 1, step: 0.01, onChange: onChange, style: {
                background: `linear-gradient(to right, rgba(${rgbString}, 0) 0%, rgb(${rgbString}) 100%)`,
                ...style,
            } })));
};
exports.AlphaSlider = AlphaSlider;
//# sourceMappingURL=AlphaSlider.js.map