@javierbyte/react-colorizer/lib/components/BarLightness/component/LightnessPickerWrapper/index.js

A color picker component for React and React Native.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _taggedTemplateLiteral2 = require("babel-runtime/helpers/taggedTemplateLiteral");

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(["\n"], ["\n"]);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _BarWrapper = require("../../../BarWrapper");

var _BarWrapper2 = _interopRequireDefault(_BarWrapper);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = (0, _styledComponents2.default)(_BarWrapper2.default).attrs({
  style: function style(props) {
    return {
      backgroundImage: "linear-gradient(\n      90deg,\n      hsl(" + props.hue + ", " + props.saturationPercent + "%, 100%) 0%, \n      hsl(" + props.hue + ", " + props.saturationPercent + "%, 50%) 50%, \n      hsl(" + props.hue + ", " + props.saturationPercent + "%, 0%) 100%\n    )"
    };
  }
})(_templateObject);