import type { BadgeProps, StackProps } from "@chakra-ui/react";
import type { ReactNode } from "react";

export type UikitRemoteLevel = "full" | "compact" | "simple";

export interface UikitRemoteSetupOptions {
  React?: any;
  createRoot?: any;
  ChakraProvider?: any;
  Badge?: any;
  Button?: any;
  HStack?: any;
  IconButton?: any;
  Input?: any;
  Text?: any;
  theme?: any;
  chakraProviderProps?: Record<string, any>;

  /** Backward compatible alias for GBadgeUrl. */
  remoteUrl?: string;
  GBadgeUrl?: string;
  PaginationUrl?: string;
  remoteUrls?: {
    GBadge?: string;
    Pagination?: string;
  };
}

export declare function setupUikitRemoteDeps(
  options?: UikitRemoteSetupOptions,
): void;

export interface GBadgeProps extends BadgeProps {
  children?: ReactNode;
  remoteUrl?: string;
  theme?: any;
  chakraProviderProps?: Record<string, any>;
}

export declare const GBadge: (props: GBadgeProps) => JSX.Element;

export interface PaginationProps extends Omit<StackProps, "onChange"> {
  currentPage?: number;
  totalCount?: number;
  totalPages?: number;
  pageSize?: number;
  onPageChange?: (page: number) => void;
  level?: UikitRemoteLevel;
  remoteUrl?: string;
  theme?: any;
  chakraProviderProps?: Record<string, any>;
}

export declare const Pagination: (props: PaginationProps) => JSX.Element;