import { jsx as _jsx } from "react/jsx-runtime";
import { useStyleConfig, vui } from '../core';
import T from '../t';
import { cs, ellipsisOverflow } from '../utils';
import { useListContext } from './context';
/** Displays text within the ListItem. */
export const ListText = vui((props, ref) => {
    const { className, ...rest } = props;
    const styles = useStyleConfig('List', useListContext());
    return (_jsx(T, { className: cs('vui-listText', className), fontSize: "inherit", ref: ref, ...ellipsisOverflow, ...styles.text, ...rest }));
});
ListText.displayName = 'ListText';
export default ListText;
//# sourceMappingURL=listText.js.map