import { AnchorHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
import { ButtonProps, LinkProps } from "./components/ListItem";
export type { ButtonProps, LinkProps } from "./components/ListItem";

export type JsonStructure = Array<{
  items: Array<JsonStructureItem>;
  heading?: string;
  id: string;
}>;

export type JsonStructureItem = Omit<
  (ButtonProps & LinkProps) & { id: string },
  "index"
>;

export type RenderLink = (
  props: DetailedHTMLProps<
    AnchorHTMLAttributes<HTMLAnchorElement>,
    HTMLAnchorElement
  > & { "data-close-on-select"?: boolean }
) => ReactNode;