nice-ui/lib/3-list-item/Separator/index.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Separator = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    h: '1px',
    ov: 'hidden',
});
const Separator = ({ invisible, hard, style }) => {
    const theme = (0, nano_theme_1.useTheme)();
    return (React.createElement("div", { className: blockClass, style: {
            ...(style || {}),
            background: invisible ? undefined : theme.g(0, (hard ? 2 : 1) * (theme.isLight ? 0.08 : 0.12)),
        } }));
};
exports.Separator = Separator;