"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ButtonWrap = void 0;
var _styled = _interopRequireDefault(require("@modern-js/runtime/styled"));
let _ = t => t,
  _t;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const ButtonWrap = _styled.default.div(_t || (_t = _`
  .buttonContainer {
    // default
    cursor: pointer;
    appearance: auto;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
    background-color: buttonface;
    color: buttontext;
    border: none;
    border-radius: 6px;
    white-space: nowrap;
    height: 32px;
    padding: 4px 15px;
    width: fit-content;
    min-width: ${0};

    // primary
    ${0}

    // text
    ${0}

    transition: box-shadow 0.1s;
    display: flex;
    align-items: center;
  }
  .buttonContainer:hover {
    ${0}
  }
`), props => typeof props.width === 'number' ? `${props.width}px` : props.width, props => props.type === 'primary' ? 'color: rgb(255, 255, 255); background-color:rgb(0, 0, 0);' : '', props => props.type === 'text' ? 'color: rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0);' : '', props => props.type !== 'text' ? `box-shadow: 0px 0px 3px #333333;
          -webkit-box-shadow: 0px 0px 3px #333333;
          box-shadow: 0px 0px 3px #333333;` : '');
exports.ButtonWrap = ButtonWrap;