import MarkdownImage from "/src/components/MarkdownImage";
import { Box, Typography, Grid } from "@mui/material";
import Link from "@docusaurus/Link";
import { VscGithubInverted } from "react-icons/vsc";
import { FiType } from "react-icons/fi";
import { SiTypescript } from "react-icons/si";
import { SiJavascript } from "react-icons/si";
import { SiPython } from "react-icons/si";
import { SiRust } from "react-icons/si";
import { SiPowershell } from "react-icons/si";
import { VscJson } from "react-icons/vsc";
import { GoLinkExternal } from "react-icons/go";
import { SerumIcon } from "/src/components/icons/SerumIcon";

<Typography variant="body2" sx={{ fontSize: "1.5em" }}>
  Example repos showing how to integrate Switchboard V2 into your on-chain
  programs or off-chain applications
</Typography>

| Example                                                                                                                                                                                                                                                                                 | Description                                                                                                               |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| <Link className="nowrap" to="https://github.com/switchboard-xyz/switchboard-v2/blob/main/programs/programs/anchor-feed-parser"><SiRust className="devicons" /> <SiTypescript className="devicons" fontSize="large" /> anchor-feed-parser <GoLinkExternal className="devicons" /></Link> | Anchor example program demonstrating how to deserialize and read an onchain aggregator.                                   |
| <Link className="nowrap" to="https://github.com/switchboard-xyz/switchboard-v2/blob/main/programs/programs/anchor-vrf-parser"><SiRust className="devicons" /> <SiTypescript className="devicons" fontSize="large" /> anchor-vrf-parser <GoLinkExternal className="devicons" /></Link>   | Anchor example program demonstrating how to deserialize and read an onchain verifiable randomness function (VRF) account. |
| <Link className="nowrap" to="https://github.com/switchboard-xyz/switchboard-v2/blob/main/packages/packages/feed-parser"> <SiTypescript className="devicons" fontSize="large" /> feed-parser <GoLinkExternal className="devicons" /></Link>                                              | Typescript example demonstrating how to read an aggregator account.                                                       |
| <Link className="nowrap" to="https://github.com/switchboard-xyz/switchboard-v2/blob/main/packages/packages/feed-walkthrough"><SiTypescript className="devicons" fontSize="large" /> feed-walkthrough <GoLinkExternal className="devicons" /></Link>                                     | Typescript example demonstrating how to create and manage your own oracle queue.                                          |
