@lobehub/editor/es/react/SendButton/style.js

A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
import { rgba } from 'polished';
export var useStyles = createStyles(function (_ref, size) {
  var css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  return {
    button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.", "-btn {\n      flex: none;\n      width: ", "px !important;\n      height: ", "px;\n      padding-inline: 0 !important;\n    }\n  "])), prefixCls, size, size),
    disabled: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    &.", "-btn {\n      cursor: default;\n      border-color: ", ";\n      background: transparent;\n    }\n\n    .", "-btn-compact-first-item {\n      cursor: default;\n      border-color: ", ";\n      background: transparent;\n    }\n    .", "-dropdown-trigger {\n      cursor: default;\n      border-color: ", ";\n      border-inline-start-color: transparent;\n      background: transparent;\n    }\n  "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary),
    dropdownButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: none;\n    width: fit-content;\n    .", "-btn {\n      width: ", "px;\n      height: ", "px;\n    }\n    .", "-dropdown-trigger {\n      width: ", "px;\n      &.", "-btn-primary {\n        &::before {\n          background-color: ", " !important;\n        }\n      }\n    }\n  "])), prefixCls, size * 1.2, size, prefixCls, size * 0.8, prefixCls, rgba(token.colorBgLayout, 0.1)),
    dropdownButtonRound: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    .", "-btn-compact-first-item {\n      border-start-start-radius: ", "px;\n      border-end-start-radius: ", "px;\n    }\n    .", "-dropdown-trigger {\n      width: ", "px;\n      border-start-end-radius: ", "px;\n      border-end-end-radius: ", "px;\n    }\n  "])), prefixCls, size / 2, size / 2, prefixCls, size, size / 2, size / 2),
    loadingButton: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    &.", "-btn {\n      flex: none;\n      height: ", "px;\n      padding-inline: 0 !important;\n    }\n  "])), prefixCls, size)
  };
});