@wix/design-system
Version:
@wix/design-system
12 lines • 1.11 kB
JavaScript
import React from 'react';
import Text from '../../../Text';
import { DATA_HOOK } from '../../ListItemAction.constants';
import { classes, st } from '../../ListItemAction.st.css.js';
export const Title = ({ title, subtitle, size, ellipsis, disabled, tooltipModifiers, }) => {
return (React.createElement("div", { className: classes.textBox },
React.createElement("div", { className: st(classes.textOverrides, { size }) },
React.createElement(Text, { className: st(classes.text), dataHook: DATA_HOOK.title, size: size, ellipsis: ellipsis, showTooltip: !disabled, weight: "thin", placement: "right", skin: disabled ? 'disabled' : 'standard', ...tooltipModifiers }, title)),
subtitle && (React.createElement("div", { className: classes.subtitleOverrides },
React.createElement(Text, { className: classes.subtitle, dataHook: DATA_HOOK.subtitle, secondary: true, size: "small", ellipsis: ellipsis, showTooltip: !disabled, weight: "thin", placement: "right", skin: disabled ? 'disabled' : 'standard', light: !disabled }, subtitle)))));
};
//# sourceMappingURL=Title.js.map