'use strict';

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

var React = require('react');
var css = require('../../utilities/css.js');
var KeyboardKey$1 = require('./KeyboardKey.scss.js');

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

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function KeyboardKey({
  children = '',
  size
}) {
  const key = !size && children.length > 1 ? children.toLowerCase() : children.toUpperCase();
  const className = css.classNames(KeyboardKey$1["default"].KeyboardKey, size && KeyboardKey$1["default"][size]);
  return /*#__PURE__*/React__default["default"].createElement("kbd", {
    className: className
  }, key);
}

exports.KeyboardKey = KeyboardKey;
