json-joy
Version:
Collection of libraries for building collaborative editing apps.
30 lines (29 loc) • 2.01 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.InlineToolbar = void 0;
const tslib_1 = require("tslib");
// biome-ignore lint: React is used for JSX
const React = tslib_1.__importStar(require("react"));
const Paper_1 = require("nice-ui/lib/4-card/Paper");
const Flex_1 = require("nice-ui/lib/3-list-item/Flex");
const BasicButton_1 = require("../../../components/BasicButton");
const nano_theme_1 = require("nano-theme");
const introAnimation = (0, nano_theme_1.keyframes)({
from: {
tr: 'scale(.9)',
},
to: {
tr: 'scale(1)',
},
});
const blockClass = (0, nano_theme_1.rule)({
an: introAnimation + ' .1s forwards',
});
const InlineToolbar = () => {
return (React.createElement(Paper_1.Paper, { hoverElevate: true, level: 3, className: blockClass },
React.createElement(Flex_1.Flex, { style: { alignItems: 'center', columnGap: 4, rowGap: 4, padding: 4, color: 'black' } },
React.createElement(BasicButton_1.BasicButton, { size: 32, width: 30, radius: 5, onClick: () => { } },
React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
React.createElement("path", { d: "M5.10505 12C4.70805 12 4.4236 11.912 4.25171 11.736C4.0839 11.5559 4 11.2715 4 10.8827V4.11733C4 3.72033 4.08595 3.43588 4.25784 3.26398C4.43383 3.08799 4.71623 3 5.10505 3C6.42741 3 8.25591 3 9.02852 3C10.1373 3 11.0539 3.98153 11.0539 5.1846C11.0539 6.08501 10.6037 6.81855 9.70327 7.23602C10.8657 7.44851 11.5176 8.62787 11.5176 9.48128C11.5176 10.5125 10.9902 12 9.27734 12C8.77742 12 6.42626 12 5.10505 12ZM8.37891 8.00341H5.8V10.631H8.37891C8.9 10.631 9.6296 10.1211 9.6296 9.29877C9.6296 8.47643 8.9 8.00341 8.37891 8.00341ZM5.8 4.36903V6.69577H8.17969C8.53906 6.69577 9.27734 6.35939 9.27734 5.50002C9.27734 4.64064 8.48047 4.36903 8.17969 4.36903H5.8Z", fill: "currentColor" }))))));
};
exports.InlineToolbar = InlineToolbar;