@merchantlabs/react-carousel/lib/Dot.js

Merchant Labs React component library.

'use strict';

exports.__esModule = true;
exports.Dot = undefined;

var _templateObject = _taggedTemplateLiteralLoose(['\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  cursor: pointer;\n  border-radius: 50%;\n  border: 1px solid white;\n  background-color: ', ';\n\n  &:not(:last-child) {\n    margin-right: 10px;\n  }\n'], ['\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  cursor: pointer;\n  border-radius: 50%;\n  border: 1px solid white;\n  background-color: ', ';\n\n  &:not(:last-child) {\n    margin-right: 10px;\n  }\n']);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }

var Dot = exports.Dot = _styledComponents2.default.li(_templateObject, function (props) {
  return props.isActive ? 'white' : 'transparent';
});