import { SectionCard } from "../SectionCard/SectionCard";
import WifiIcon from "@mui/icons-material/Wifi";

export const WhatsNew = () => {
  return (
    <SectionCard
      title="What’s New"
      icon={<WifiIcon fontSize="small" sx={{ height: "auto" }} />}
      items={[
        {
          title: "Sneak Peek – Discover the New Rules Hub Feature",
          date: "13 May 2025",
        },
        {
          title:
            "New security measures for anonymizing sensitive configuration values, effective December 2nd",
          date: "31 Oct 2024",
        },
        {
          title: "Introducing Our New Transactions and Rule Views",
          date: "23 Oct 2024",
        },
        { title: "Introducing Our New Status Page", date: "09 Sept 2024" },
      ]}
    />
  );
};