nice-ui
Version:
React design system, components, and utilities
17 lines (16 loc) • 1.39 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToolbarTextItem = void 0;
const React = require("react");
const FixedColumn_1 = require("../../3-list-item/FixedColumn");
const MiniTitle_1 = require("../../3-list-item/MiniTitle");
const Arrow_1 = require("../../icons/interactive/Arrow");
const ToolbarItem_1 = require("./ToolbarItem");
const ToolbarTextItem = ({ disabled, onClick, onMouseEnter, onMouseMove, onMouseLeave, children, ...rest }) => {
const arrow = React.createElement(Arrow_1.default, { direction: 'r', width: 16, height: 16 });
const narrow = rest.small && !children;
return (React.createElement(ToolbarItem_1.ToolbarItem, { narrow: narrow, autowidth: !narrow, ...rest, skewed: false, compact: true, rounder: true, height: 28, disabled: disabled, onMouseEnter: disabled ? void 0 : onMouseEnter, onMouseMove: disabled ? void 0 : onMouseMove, onMouseLeave: disabled ? void 0 : onMouseLeave, onClick: disabled ? void 0 : onClick, children: !!children ? (React.createElement(FixedColumn_1.FixedColumn, { right: 16, style: { alignItems: 'center' } },
React.createElement(MiniTitle_1.MiniTitle, null, children),
React.createElement("div", { style: { marginRight: -2, display: 'flex', justifyContent: 'center', alignItems: 'center' } }, arrow))) : (arrow) }));
};
exports.ToolbarTextItem = ToolbarTextItem;