import * as React from "react";
/**
 * PBS Curve: abstract curve derived from the back of the logo Profiles. ALWAYS anchored to the
 * bottom-left corner; never flipped, rotated, or stretched. Use sparingly, to hold text or imagery.
 * Optional hard shadow (Medium Blue, multiply) only on solid/gradient backgrounds; never with imagery.
 * @dsCard components/graphic/graphic.card.html
 * @startingPoint section="Graphic Elements" subtitle="Curve title panel" viewport="700x300"
 */
export interface CurveProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Curve fill. @default "navy" */
  fill?: "pbs" | "navy" | "medium" | "white" | "gradient" | string;
  /** Image URL to fill the curve instead of a color. */
  src?: string;
  /** Panel background. Secondary gradient only when no imagery. @default "gradient" */
  background?: "navy" | "medium" | "white" | "gradient" | "gradient-secondary" | string;
  /** Panel background image URL (no shadow allowed with imagery). */
  backgroundSrc?: string;
  /** Hard Medium-Blue shadow along the curve. @default false */
  shadow?: boolean;
  /** Curve footprint as fraction of panel width/height. @default 0.6 / 0.55 */
  width?: number;
  height?: number;
  children?: React.ReactNode;
}
export function Curve(props: CurveProps): JSX.Element;