Function SvgFigure

apps/website/src/components/SvgFigure.tsx:11–39

({
  asset,
  description,
  title
}: {
  asset: SvgAssetType;
  description: string;
  title: string;
})

};

export default function SvgFigure({
  asset,
  description,
  title
}: {
  asset: SvgAssetType;
  description: string;
  title: string;
}) {
  const SvgComponent = svgAssetsIndex[asset];
  return (
    <>
      {title && <div className={styles.figure__title}>{title}</div>}
      <figure className={styles.figure}>
        <div className={styles.svgContainer}>
          <SvgComponent
            content="var(--ifm-font-color-base)"
            secondaryContent="var(--ifm-font-color-secondary)"
            codeBlockBg="rgba(125,125,125,0.15)"
            width="100%"
          />
        </div>
        <figcaption className={styles.figure__caption}>
          {description}
        </figcaption>
      </figure>
    </>
  );
}