Decoder2704/python-chatbot-jay

1import { Pill } from "./ui/index.js";2import "./TopicsCard.css";3 4const DEFAULT_TOPICS = ["Pandas Merge", "Asyncio Loops", "Django Auth"];5 6export default function TopicsCard({ topics = DEFAULT_TOPICS }) {7  return (8    <section className="topics-card" aria-label="Recent topics">9      <h3 className="topics-card__title">Recent Topics</h3>10      <ul className="topics-card__pills">11        {topics.map((t) => (12          <li key={t}>13            <Pill as="span" variant="topic-label">14              {t}15            </Pill>16          </li>17        ))}18      </ul>19    </section>20  );21}22