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

export const WhatsNew = () => {
  return (
    <Box className="whats-new">
      <SectionCard
        title="What’s New"
        icon={<WifiIcon className="whats-new__wifi-icon" fontSize="small" />}
        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" },
        ]}
      />
    </Box>
  );
};
