next.js/examples/cms-payload/components/Hero/index.tsx
index.tsx22 lines539 B
"use client";

import React from "react";
import { Page } from "../../payload-types";
import { HighImpactHero } from "./HighImpact";
import { MediumImpactHero } from "./MediumImpact";
import { LowImpactHero } from "./LowImpact";

const heroes = {
  highImpact: HighImpactHero,
  mediumImpact: MediumImpactHero,
  lowImpact: LowImpactHero,
};

export const Hero: React.FC<Page["hero"]> = (props) => {
  const { type } = props;
  const HeroToRender = heroes[type];

  if (!HeroToRender) return null;
  return <HeroToRender {...props} />;
};
Quest for Codev2.0.0
/
SIGN IN