import React__default from 'react';
import { ListItemContentWrapper, ListItemPrimaryText, ListItemSecondaryText } from './styles.js';

const ListItemContent = ({ primaryText, secondaryText, variant, prefix, suffix, }) => {
    let primaryTextAttributes = {};
    if ((prefix === null || prefix === void 0 ? void 0 : prefix.type) === 'action' || (suffix === null || suffix === void 0 ? void 0 : suffix.type) === 'action') {
        primaryTextAttributes = {
            as: 'label',
            htmlFor: ((prefix === null || prefix === void 0 ? void 0 : prefix.type) === 'action' && (prefix === null || prefix === void 0 ? void 0 : prefix.htmlFor)) ||
                ((suffix === null || suffix === void 0 ? void 0 : suffix.type) === 'action' && (suffix === null || suffix === void 0 ? void 0 : suffix.htmlFor)) ||
                '',
        };
    }
    return (React__default.createElement(ListItemContentWrapper, null,
        React__default.createElement(ListItemPrimaryText, Object.assign({}, primaryTextAttributes), primaryText),
        variant === 'multi-line' && typeof secondaryText === 'string' ? (React__default.createElement(ListItemSecondaryText, null, secondaryText)) : (secondaryText)));
};

export { ListItemContent };
