ultra-design
Version:
15 lines (12 loc) • 1.16 kB
JavaScript
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
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 css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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);
};
export { keyboardStyles };