import * as React from "react";
/**
 * PBS KIDS Station Logo Architecture (v1.2.1): PBS KIDS circle placed beside or above/below the Nashville PBS logo —
 * never locked up with it or replacing the PBS mark inside it — at >= the station logo height, clear space 25% of the circle diameter.
 * @dsCard guidelines/brand-channels.card.html
 */
export interface KidsArchitectureProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Where the PBS KIDS logo sits relative to the station logo. @default "left" */
  position?: "left" | "right" | "above" | "below";
  /** color on light surfaces; white on dark; reverse = white-on-PBS-Blue circle for PBS Blue surfaces. @default "color" */
  tone?: "color" | "white" | "reverse";
  /** Print piece? Only then may the white/reverse PBS KIDS files (registered mark) be used; on screen the color digital-use mark is always shown while tone still sets the station lockup and phrase color. @default false */
  print?: boolean;
  /** Override the station lockup tone (defaults to color for tone=color, white otherwise). */
  stationTone?: "color" | "white";
  /** PBS KIDS circle height in px; the station logo is sized from it. @default 72 */
  height?: number;
  /** Optional connector above the station logo: "From", "On", "A service of", "Presented by". */
  phrase?: string;
  phraseStyle?: React.CSSProperties;
}
export function KidsArchitecture(props: KidsArchitectureProps): JSX.Element;