import { jsx as _jsx } from "react/jsx-runtime";
import { TextIconSpacing } from "../icon/TextIconSpacing.js";
import { listItemAddon } from "./listItemStyles.js";
/**
 * The `ListItemAddon` is used to create an addon to the left or right of the
 * text/children of a `ListItem`.
 *
 * @internal
 */ export function ListItemAddon(props) {
    const { className, children, addon, addonAfter, type = "icon", position, forceAddonWrap, disableCenteredMedia, disableBeforeSpacing, ...remaining } = props;
    const isMedia = type === "media" || type === "large-media";
    return /*#__PURE__*/ _jsx(TextIconSpacing, {
        ...remaining,
        icon: addon,
        forceIconWrap: forceAddonWrap ?? isMedia,
        className: listItemAddon({
            type,
            position,
            className,
            addonAfter,
            disableBeforeSpacing,
            disableCenteredMedia
        }),
        iconAfter: addonAfter,
        children: children
    });
}

//# sourceMappingURL=ListItemAddon.js.map