import * as React from "react";
/**
 * Full-bleed color panel with a large rotated vertical label and a bullet
 * list, the "KEY POINTS" sidebar treatment from printed reports.
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Rotated-label bullet sidebar" viewport="700x360"
 */
export interface KeySidebarProps {
  label: string;
  items: string[];
  /** @default "var(--pbs-blue)" */
  tone?: string;
  style?: React.CSSProperties;
}
export function KeySidebar(props: KeySidebarProps): JSX.Element;