@helpscout/hsds-react/components/KeyboardBadge/KeyboardBadge.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.KeyboardBadgeUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _color = require("../../styles/utilities/color");

var KeyboardBadgeUI = _styledComponents.default.div.withConfig({
  displayName: "KeyboardBadgecss__KeyboardBadgeUI",
  componentId: "kyoysw-0"
})(["font-size:11px;font-family:var(--HSDSGlobalFontFamilyMono);background-color:", ";border-radius:3px;box-sizing:border-box;border:none;color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:500;min-width:19px;line-height:1;height:19px;padding:0 6px;white-space:nowrap;& + &{margin-left:8px;}"], (0, _color.getColor)('charcoal.400'));

exports.KeyboardBadgeUI = KeyboardBadgeUI;