"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/CommandKey.tsx
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _jsxruntime = require('@emotion/react/jsx-runtime');
var CommandKey = ({
  keyboardKey,
  size,
  color,
  backgroundColor
}) => {
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
    StyledCommandKey,
    {
      color,
      size,
      backgroundColor,
      children: keyboardKey
    }
  );
};
var StyledCommandKey = _styled2.default.div`
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: ${(props) => props.color || "black"};
  ${(props) => props.backgroundColor ? `background-color: ${props.backgroundColor};` : ""}
  border-radius: 3.6px;
  min-width: ${(props) => props.size === "sm" ? 20 : 24}px;
  height: ${(props) => props.size === "sm" ? 20 : 24}px;
  font-size: ${(props) => props.size === "sm" ? 12 : 14}px;
  padding: 3px 6px;
`;



exports.CommandKey = CommandKey;
