import * as React from "react";
/**
 * Page-number tab from the approved Nashville PBS report layouts: a half circle rising from the bottom edge,
 * centered on the page. PBS Blue with a white numeral on white pages; white with a PBS Blue numeral on blue
 * pages. Absolutely positioned; give the page `position: relative`.
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Half-circle page-number tab" viewport="700x120"
 */
export interface PageTabProps {
  children: React.ReactNode;
  /** Tab fill. @default "var(--pbs-blue)" */
  tone?: string;
  /** Numeral color. @default "var(--white)" */
  ink?: string;
  /** Tab width in px; height is half. @default 72 */
  width?: number;
  style?: React.CSSProperties;
}
export function PageTab(props: PageTabProps): JSX.Element;