DecisionBar

Approve/deny bar for the approval review surface. Approve = racing green; deny = outlined oxblood (judgement, not alarm).

Prop	Type	Notes
`onApprove`	`(reason: string) => void`	Receives the reason text (may be empty).
`onDeny`	`(reason: string) => void`
`approveLabel`	`string`
`denyLabel`	`string`
`reason`	`boolean`	Show the optional reason input (default true).
`reasonPlaceholder`	`string`
`note`	`React.ReactNode`	Policy note rendered above the controls.
`disabled`	`boolean`
`sticky`	`boolean`	Pin to the bottom of the scroll container.
`className`	`string`

Other props pass through to the root element (React.HTMLAttributes<HTMLDivElement>).

Preview

Declarations

TypeScript

export interface DecisionBarProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Receives the reason text (may be empty). */
  onApprove?: (reason: string) => void;
  onDeny?: (reason: string) => void;
  approveLabel?: string;
  denyLabel?: string;
  /** Show the optional reason input (default true). */
  reason?: boolean;
  reasonPlaceholder?: string;
  /** Policy note rendered above the controls. */
  note?: React.ReactNode;
  disabled?: boolean;
  /** Pin to the bottom of the scroll container. */
  sticky?: boolean;
  className?: string;
}

/**
 * Approve/deny bar for the approval review surface. Approve = racing green;
 * deny = outlined oxblood (judgement, not alarm).
 */
export function DecisionBar(props: DecisionBarProps): React.JSX.Element;