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

Merchant Labs React component library.

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']);

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

import styled from 'styled-components';

export var Button = styled.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\'';
});