@wix/design-system/dist/esm/Text/Caption.js

@wix/design-system

import React from 'react';
import { st, classes } from './Caption.st.css.js';
import Ellipsis, { extractEllipsisProps, } from '../common/Ellipsis';
const CaptionWithEllipsis = ({ caption = 'c1', tagName = 'span', ellipsis = false, appendTo = Ellipsis.defaultProps.appendTo, flip = Ellipsis.defaultProps.flip, fixed = Ellipsis.defaultProps.fixed, placement = Ellipsis.defaultProps.placement, zIndex = Ellipsis.defaultProps.zIndex, enterDelay = Ellipsis.defaultProps.enterDelay, exitDelay = Ellipsis.defaultProps.exitDelay, showTooltip = Ellipsis.defaultProps.showTooltip, ...propsWithNoDefaults }) => {
    const { dataHook, className, tagName: _tagName, caption: _caption, light, children, ...props } = {
        ...Ellipsis.defaultProps,
        caption,
        tagName,
        ellipsis,
        appendTo,
        flip,
        fixed,
        placement,
        zIndex,
        enterDelay,
        exitDelay,
        showTooltip,
        ...propsWithNoDefaults,
    };
    const { ellipsisProps, componentProps } = extractEllipsisProps(props);
    return (React.createElement(Ellipsis, { ...ellipsisProps, wrapperClassName: classes[caption], render: ({ ref, ellipsisClasses }) => {
            return React.createElement(tagName, {
                ref,
                className: st(classes.root, { caption }, ellipsisClasses(className)),
                'data-hook': dataHook,
                'data-light': light,
                ...componentProps,
            }, children);
        } }));
};
CaptionWithEllipsis.displayName = 'Caption';
export default CaptionWithEllipsis;
//# sourceMappingURL=Caption.js.map