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

Merchant Labs React component library.

'use strict';

exports.__esModule = true;
exports.Button = undefined;

var _templateObject = _taggedTemplateLiteralLoose(['\n  width: 52px;\n  height: 52px;\n  color: white;\n  border-radius: ', ';\n  background-color: rgba(18, 12, 68, 0.5);\n  cursor: pointer;\n  font-size: 40px;\n  text-align: center;\n  transition: 0.3s ease;\n  left: ', ';\n  right: ', ';\n\n  &::after {\n    vertical-align: middle;\n    content: ', ';\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: #40DDDF;\n  }\n'], ['\n  width: 52px;\n  height: 52px;\n  color: white;\n  border-radius: ', ';\n  background-color: rgba(18, 12, 68, 0.5);\n  cursor: pointer;\n  font-size: 40px;\n  text-align: center;\n  transition: 0.3s ease;\n  left: ', ';\n  right: ', ';\n\n  &::after {\n    vertical-align: middle;\n    content: ', ';\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: #40DDDF;\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 Button = exports.Button = _styledComponents2.default.div(_templateObject, function (props) {
  return props.left ? '0px 5px 5px 0px' : '5px 0px 0px 5px';
}, function (props) {
  return props.left ? 0 : 'initial';
}, function (props) {
  return props.right ? 0 : 'initial';
}, function (props) {
  return props.left ? '\'\\02039\'' : '\'\\0203A\'';
});