harshapitla/stackoverflow

1import React from "react";2 3export default function InsightsBox({ points = [] }) {4  return (5    <div6      style={{7        marginTop: 14,8        padding: "12px 16px",9        background: "#f8fafc",10        border: "1px solid #e2e8f0",11        borderRadius: 10,12        fontSize: 13,13        color: "#334155",14      }}15    >16      <strong style={{ display: "block", marginBottom: 6 }}>17        📌 Key Insights18      </strong>19 20      <ul style={{ paddingLeft: 18, margin: 0 }}>21        {points.map((p, i) => (22          <li key={i} style={{ marginBottom: 4 }}>23            {p}24          </li>25        ))}26      </ul>27    </div>28  );29}30