import * as React from "react";
/**
 * PBS Symbol Crop: the P-head symbol cropped from the LEFT on a PBS Blue field (official artwork,
 * never re-cropped or recolored). Layout must be at least 1.5x wider than tall; the symbol bleeds
 * top, left, and bottom. Mode "a": left-aligned text beside the symbol (larger copy, web footers).
 * Mode "b": short centered message over the field (covers, "Thank you!"). No imagery, gradients,
 * other logos, or shapes near the symbol.
 * @dsCard components/graphic/graphic.card.html
 * @startingPoint section="Brand" subtitle="Symbol Crop band / footer" viewport="700x280"
 */
export interface SymbolCropProps extends React.HTMLAttributes<HTMLDivElement> {
  /** "a" = text beside symbol (left-aligned); "b" = centered short message. @default "a" */
  mode?: "a" | "b";
  /** Path to assets/brand (relative to the consuming page). @default "assets/brand" */
  assetPath?: string;
  contentStyle?: React.CSSProperties;
  children?: React.ReactNode;
}
export function SymbolCrop(props: SymbolCropProps): JSX.Element;