import * as React from "react";
/**
 * Full-bleed brand pattern surface (Community / Insight) with optional blue overlay for legible content.
 * @dsCard components/brand/brand.card.html
 * @startingPoint section="Brand" subtitle="Geometric pattern hero surface" viewport="700x260"
 */
export interface PatternPanelProps extends React.HTMLAttributes<HTMLDivElement> {
  pattern?: "community" | "insight";
  /** Blue overlay for content legibility. @default "none" */
  overlay?: "none" | "brand" | "deep" | "scrim";
  size?: string;
  assetPath?: string;
  children?: React.ReactNode;
}
export function PatternPanel(props: PatternPanelProps): JSX.Element;