nice-ui/lib/4-card/Toolbar/ToolbarSep.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToolbarSep = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const context_1 = require("../../styles/context");
const h = React.createElement;
const separatorClass = (0, nano_theme_1.rule)({
    w: '4px',
    h: '24px',
    pd: 0,
    mr: 0,
});
const ToolbarSep = ({ line }) => {
    const styles = (0, context_1.useStyles)();
    const props = {
        className: separatorClass,
    };
    if (line) {
        props.style = {
            width: '1px',
            margin: '0 4px',
            background: styles.light ? styles.g(0.92) : styles.g(0.8),
        };
    }
    return h('div', props);
};
exports.ToolbarSep = ToolbarSep;