import navIconSrc from '@/assets/icon/analysis-navigation-icon.png';
import styles from './index.less';


const ReportSummary = (props) => {

    const { item = {},idx=''} = props;

    const summaryText = item?.content?.split('\n')
    
    return (
        <section className={styles.analysis_content_explain} id={`operationExport${idx}`}>
            <section className={styles.analysis_content_explain_title}>
                <section className={styles.page_title}>
                    <img src={navIconSrc} className={styles.page_title_img} />
                    <span className={styles.page_title_text}>报告总结</span>
                </section>
            </section>
            <section className={styles.analysis_content_explain_content}>
                {summaryText?.map((item, index) => {
                    return (<p key={index} className={styles.analysis_content_explain_content_text}>{item}</p>)
                })}
            </section>
        </section>
    )
};

export default ReportSummary;