import React from "react";

type NavLinkItemType = {
  to: string;
  label?: React.ReactNode;
  isActive?: () => boolean;
  items?: NavLinkItemType[];
};

declare const ConfigurePageSidebar: React.FC<{
  // String because it is used with `hyphenize` to derive the header test id and
  // is validated as a string by the runtime PropTypes.
  label: string;
  navLinks: NavLinkItemType[];
  configurePageRoute: string;
  /**
   * Renders the sidebar inline within the page (flows as a flex item, collapse
   * reclaims space, trigger docks alongside the content) instead of the default
   * fixed full-height overlay. Use when the sidebar is nested inside a page that
   * already has its own header/sidebar. Defaults to `false`.
   */
  isEmbedded?: boolean;
  /**
   * Show the back chevron on the title that navigates to `configurePageRoute`.
   * Defaults to `true`.
   */
  showBackButton?: boolean;
}>;

export { ConfigurePageSidebar as default };