export default function BriefingSummary({ narrative }) {
    return (
        <div className="briefing-summary">
            <h3>{narrative.headline}</h3>
            <ul className="briefing-3lines">
                {narrative.summary_3lines.map((line, i) => <li key={i}>{line}</li>)}
            </ul>
            {narrative.hot_cold_comment && (
                <p className="briefing-hotcold">🔥❄️ {narrative.hot_cold_comment}</p>
            )}
            {narrative.warnings && (
                <p className="briefing-warning">⚠️ {narrative.warnings}</p>
            )}
        </div>
    );
}