pyth-network_pyth-crosschain/apps/developer-hub/src/components/Pages/TempPage/section-card.tsx

import Link from "next/link";
import type { ReactNode } from "react";

import styles from "./section-card.module.scss";

export const SectionCard = ({
  title,
  description,
  urlLabel,
  url,
  image,
}: {
  title: string;
  description: string;
  urlLabel?: string;
  url?: string;
  image?: ReactNode;
}) => (
  <div className={styles.sectionCard}>
    <div className={styles.sectionCardHeader}>
      <h3 className={styles.sectionCardTitle}>{title}</h3>
      {image}
    </div>
    <p className={styles.sectionCardDescription}>{description}</p>
    {url && urlLabel && (
      <Link href={url} className={styles.sectionCardUrl}>
        {urlLabel}
      </Link>
    )}
  </div>
);

export const SectionCards = ({ children }: { children: ReactNode }) => (
  <div className={styles.sectionCards}>{children}</div>
);