import * as React from "react";
/**
 * Pull quote banner: colored background, italic quote, optional headshot with a colored frame, and an
 * attribution tag. Defaults to the station palette (Yellow tag, Navy ink); pass tag/frame to use a PBS
 * secondary such as coral where a piece already uses it.
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Pull quote with attribution tag" viewport="700x180"
 */
export interface PullQuoteProps {
  quote: string;
  name?: string;
  photoSrc?: string;
  /** Banner background. @default "var(--pbs-blue)" */
  tone?: string;
  /** Attribution tag background. @default "var(--accent-yellow)" */
  tag?: string;
  /** Attribution tag text color. @default "var(--text-heading)" */
  tagInk?: string;
  /** Headshot frame color. @default "var(--accent-yellow)" */
  frame?: string;
  style?: React.CSSProperties;
}
export function PullQuote(props: PullQuoteProps): JSX.Element;