import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var ButtonWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .buttonContainer {\n    // default\n    cursor: pointer;\n    appearance: auto;\n    user-select: none;\n    white-space: pre;\n    align-items: flex-start;\n    text-align: center;\n    box-sizing: border-box;\n    background-color: buttonface;\n    color: buttontext;\n    border: none;\n    border-radius: 6px;\n    white-space: nowrap;\n    height: 32px;\n    padding: 4px 15px;\n    width: fit-content;\n    min-width: ", ";\n\n    // primary\n    ", "\n\n    // text\n    ", "\n\n    transition: box-shadow 0.1s;\n    display: flex;\n    align-items: center;\n  }\n  .buttonContainer:hover {\n    ", "\n  }\n"])), function (props) {
  return typeof props.width === 'number' ? "".concat(props.width, "px") : props.width;
}, function (props) {
  return props.type === 'primary' ? 'color: rgb(255, 255, 255); background-color:rgb(0, 0, 0);' : '';
}, function (props) {
  return props.type === 'text' ? 'color: rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0);' : '';
}, function (props) {
  return props.type !== 'text' ? "box-shadow: 0px 0px 3px #333333;\n          -webkit-box-shadow: 0px 0px 3px #333333;\n          box-shadow: 0px 0px 3px #333333;" : '';
});