import {
  Letterhead,
  LetterheadHeading,
  LetterheadParagraph,
} from "../Letterhead/index.tsx";
import * as css from "./style.css.ts";
import type { ViewContent } from "./SubscribeByPledgeCard.tsx";

export function LetterheadInfoCard(props: ViewContent) {
  return (
    <Letterhead>
      <LetterheadHeading className={css.card.heading}>
        {props.title}
      </LetterheadHeading>

      {typeof props.description === "string" ? (
        <LetterheadParagraph>{props.description}</LetterheadParagraph>
      ) : (
        props.description
      )}
    </Letterhead>
  );
}