import * as React from "react";

import { cards as cardsCfg } from "@/components/Sections/Scalable/_config";
import { config as navCfg } from "@/components/Layout2/_config";
import ContentTemplate from "@/components/Sections/Common/ContentTemplate";
import FSRTContent from "@/components/Sections/Scalable/FRSTContent";
import EasyScaleContent from "@/components/Sections/Scalable/EasyScaleContent";
import EasyScaleContent2 from "@/components/Sections/Scalable/EasyScaleContent_v2";

export default function Content(props: { example: string; topic: string }) {
  const { example, topic } = props;

  return (
    <ContentTemplate
      example={example}
      topic={topic}
      navItems={navCfg.nav}
      cards={cardsCfg}
    >
      {example === "fast-stable-response-time" && <FSRTContent />}
      {example === "easy-scale-out-in" && (
        <>
          <EasyScaleContent2 />
          {/* <EasyScaleContent /> */}
        </>
      )}
    </ContentTemplate>
  );
}