import React from 'react';
import './index.less'

const Index = (props) => {
    return (
        <div className="auto-list-card">
            {props.listData && props.listData.map((item, index) => (
                <div key={index} className={`auto-list-item ${item.line ? 'auto-list-item-line-feed' : 'auto-list-item-line'}`}>
                    <div className="auto-list-title">
                        {item.title}：
                    </div>
                    <div className="auto-list-content">
                        {item.title === '参加人数' ? <a onClick={props.meetClick} className="meet-people">{item.content || ''}</a> : (item.content || '')}
                    </div>
                </div>
            ))}

        </div>
    );
};

export default Index;
