import { Box } from "@mui/material";
import { SectionCard } from "../SectionCard/SectionCard";
import "./AccountIQ.scss";

export const AccountIQ = () => {
  return (
    <Box className="account-iq">
      <SectionCard
        title="AccountIQ"
        icon={<div className="account-iq__icon">AIQ</div>}
        items={[
          { title: "Automatically reconcile your transactions" },
          { title: "Live wallet balances from providers" },
          { title: "Gaming provider financial overviews" },
          { title: "Learn more" },
        ]}
      />
    </Box>
  );
};