"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Stencil;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _StencilModule = _interopRequireDefault(require("./Stencil.module.css"));

var _componentCategories = _interopRequireDefault(require("../../docs-utils/componentCategories"));

var _componentGroups = _interopRequireDefault(require("../../docs-utils/componentGroups"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function Stencil(props) {
  var size = props.size,
      style = props.style,
      shape = props.shape,
      type = props.type,
      variant = props.variant;
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: _StencilModule["default"].stencil + " " + _StencilModule["default"][size] + " " + _StencilModule["default"][shape] + " " + _StencilModule["default"][type] + " " + _StencilModule["default"][variant]
  });
}

Stencil.defaultProps = {
  size: "md",
  shape: "",
  variant: "primary"
};

if (false) {
  Stencil.docs = {
    componentGroup: _componentGroups["default"].Molecule,
    folderName: _componentCategories["default"].General
  };
}