ultra-design/lib/keyboard/keyboard-styles.js

'use strict';

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

var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
var react = require('@emotion/react');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);

var _templateObject;
var keyboardStyles = function keyboardStyles(props) {
  var theme = props.theme;
  var radius = theme.style.radius;
  var _props$theme$props$th = props.theme[props.theme.mode],
      thirdBackgroundColor = _props$theme$props$th.thirdBackgroundColor,
      borderColor = _props$theme$props$th.borderColor;
  return react.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    color: ", ";\n    line-height: 28px;\n    text-align: center;\n    display: inline-block;\n    background-color: ", ";\n    border-radius: ", "px;\n    border: 1px solid ", ";\n    min-height: 28px;\n    min-width: 28px;\n    padding: 0 5px;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',\n      'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n    span {\n      text-align: center;\n    }\n    span + span {\n      margin-left: 4px;\n    }\n  "])), theme[theme.mode].textColor, thirdBackgroundColor, radius, borderColor);
};

exports.keyboardStyles = keyboardStyles;