import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import { listItemText } from "./listItemStyles.js";
/**
 * This is mostly an internal component that can conditionally render secondary
 * text within list items.
 *
 * @internal
 */ export const ListItemText = /*#__PURE__*/ forwardRef(function ListItemText(props, ref) {
    const { className, secondaryText, secondaryTextProps, secondaryTextClamped = false, secondaryTextClassName, children, ...remaining } = props;
    return /*#__PURE__*/ _jsxs("span", {
        ...remaining,
        ref: ref,
        className: listItemText({
            className
        }),
        children: [
            children,
            secondaryText && /*#__PURE__*/ _jsx("span", {
                ...secondaryTextProps,
                className: listItemText({
                    clamped: secondaryTextClamped,
                    className: secondaryTextClassName,
                    secondary: true
                }),
                children: secondaryText
            })
        ]
    });
});

//# sourceMappingURL=ListItemText.js.map