clickable-json/lib/buttons/Action/CancelAction.js

Interactive JSON and JSON CRDT viewer and editor

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CancelAction = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const css = require("../../css");
const _1 = require(".");
const blockClass = (0, nano_theme_1.drule)({
    w: '20px',
    h: '20px',
    pos: 'absolute',
    t: '-11px',
    l: '-11px',
    z: 2,
    bdrad: '50%',
    svg: {
        fill: css.blue,
    },
});
const CancelAction = (props) => {
    const theme = (0, nano_theme_1.useTheme)();
    return (React.createElement(_1.Action, Object.assign({}, props, { className: blockClass({
            '&:hover': {
                bg: css.negative,
                bd: `1px solid ${css.negative}`,
                svg: {
                    fill: '#fff',
                },
            },
            '&:active': {
                bg: theme.g(0.1),
                bd: `1px solid ${theme.g(0.1)}`,
            },
        }) }), '×'));
};
exports.CancelAction = CancelAction;
//# sourceMappingURL=CancelAction.js.map