@wix/design-system
Version:
@wix/design-system
83 lines (82 loc) • 2.57 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.Title = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _Text = _interopRequireDefault(require("../../../Text"));
var _ListItemAction = require("../../ListItemAction.constants");
var _ListItemActionSt = require("../../ListItemAction.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/ListItemAction/components/Title/Title.tsx";
var Title = _ref => {
var {
title,
subtitle,
size,
ellipsis,
disabled,
tooltipModifiers
} = _ref;
return /*#__PURE__*/_react.default.createElement("div", {
className: _ListItemActionSt.classes.textBox,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 21,
columnNumber: 5
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _ListItemActionSt.st)(_ListItemActionSt.classes.textOverrides, {
size
}),
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 22,
columnNumber: 7
}
}, /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
className: (0, _ListItemActionSt.st)(_ListItemActionSt.classes.text),
dataHook: _ListItemAction.DATA_HOOK.title,
size: size,
ellipsis: ellipsis,
showTooltip: !disabled,
weight: "thin",
placement: "right",
skin: disabled ? 'disabled' : 'standard'
}, tooltipModifiers, {
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 23,
columnNumber: 9
}
}), title)), subtitle && /*#__PURE__*/_react.default.createElement("div", {
className: _ListItemActionSt.classes.subtitleOverrides,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 38,
columnNumber: 9
}
}, /*#__PURE__*/_react.default.createElement(_Text.default, {
className: _ListItemActionSt.classes.subtitle,
dataHook: _ListItemAction.DATA_HOOK.subtitle,
secondary: true,
size: "small",
ellipsis: ellipsis,
showTooltip: !disabled,
weight: "thin",
placement: "right",
skin: disabled ? 'disabled' : 'standard',
light: !disabled,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 39,
columnNumber: 11
}
}, subtitle)));
};
exports.Title = Title;
//# sourceMappingURL=Title.js.map