import React from "react";
import DescriptionIcon from "@mui/icons-material/Description";
import { SectionCard } from "../SectionCard/SectionCard";
import { Box } from "@mui/material";
import "./Documentation.scss";

export const Documentation = () => {
  return (
    <Box className="documentation-wrapper">
      <SectionCard
        title="Documentation"
        icon={<DescriptionIcon className="icon" fontSize="small" />}
        items={[
          { title: "Provider Integration Overview" },
          { title: "APIs Introduction" },
          { title: "Documentation Overview" },
          { title: "How-Tos" },
        ]}
      />
    </Box>
  );
};
